Radius
Nine radii, and one of them is the control radius: the value that keeps a button, an input and a select looking like one family. Change it and the whole set of controls changes together.
Shapes: radii and compatibility aliases
| Token | Value |
|---|---|
--radius--radius | 0.5rem |
--gr-radius-none--gr-radius-none | 0px |
--gr-radius-xs--gr-radius-xs | 3px |
--gr-radius-sm--gr-radius-sm | 4px |
--gr-radius-control--gr-radius-control | 6px |
--gr-radius-md--gr-radius-md | 8px |
--gr-radius-lg--gr-radius-lg | 12px |
--gr-radius-xl--gr-radius-xl | 16px |
--gr-radius-full--gr-radius-full | 9999px |
Role descriptions ship with the package in Russian and are not shown here yet. Translating them is a decision of its own — see ADR-0003.
Source: @feugene/granularity 0.41.0, tokens/*.json