Spacing, radii, elevation
The dimensional vocabulary. Use token names in code; the values shown here are the source for all generated CSS variables.
Spacing
xs
4px
sm
8px
md
16px
lg
24px
xl
32px
2xl
48px
3xl
64px
Radii
sm · 4px
md · 8px
lg · 12px
xl · 16px
pill · 9999px
Elevation
card
card-hover
dark-card
dark-card-hover