Radius tokens are relative to the baseSize.
Use radius tokens to define the border-radius of an element. When using border-radius tokens in code, you can access them using theme.radii[tokenName]
| Name | Value | Calculated | Description |
|---|---|---|---|
| 012 | 0.125rem | 2px | -- |
| 025 | 0.25rem | 4px | -- |
| 050 | 0.5rem | 8px | -- |
| 075 | 0.75rem | 12px | -- |
| 100 | 1rem | 16px | -- |
| 125 | 1.25rem | 20px | -- |
| 150 | 1.5rem | 24px | -- |
| round | 9999px | NaNpx | -- |