Foundations9 tokens
Radius
Corner roundness from square to pill.
- Source
tokens/number.json- Figma
- Collection Number
- In code
var(--radius-lg)
Scale
From square to pill. radius/full is 9999px; in Figma use 1000.
radius/none0pxradius/xs4pxradius/sm6pxradius/md8pxradius/lg12pxradius/xl16pxradius/2xl20pxradius/3xl24pxradius/full9999pxNesting
Inner radius = outer radius minus the gap between them. Here: radius/3xl (24) outside, 12 of padding, radius/lg (12) inside.