Space tokens

Space#

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