Length tokens

Length#

Ex. Token name Value Use case
1px length token var(--rh-length-4xs, 1px) Copy Link
2px length token var(--rh-length-3xs, 2px) Copy Link
3px length token var(--rh-length-2xs, 3px) Copy Link
4px length token var(--rh-length-xs, 4px) Copy Link
6px length token var(--rh-length-sm, 6px) Copy Link
8px length token var(--rh-length-md, 8px) Copy Link
16px length token var(--rh-length-lg, 16px) Copy Link
24px length token var(--rh-length-xl, 24px) Copy Link
32px length token var(--rh-length-2xl, 32px) Copy Link
48px length token var(--rh-length-3xl, 48px) Copy Link
64px length token var(--rh-length-4xl, 64px) Copy Link
80px length token var(--rh-length-5xl, 80px) Copy Link
96px length token var(--rh-length-6xl, 96px) Copy Link
128px length token var(--rh-length-7xl, 128px) Copy Link
© 2021-2023 Red Hat, Inc. Deploys by Netlify
Scroll back to the top