Radius
Three radius sizes used consistently across all components.
Scale
sm
4px md
6px lg
8px Tokens
| Token | CSS Variable | Value |
|---|---|---|
radius.sm | --radius-sm | 4px |
radius.md | --radius-md | 6px |
radius.lg | --radius-lg | 8px |
Usage
let theme = Theme::dark();
let radius = theme.radius.md; // 6
// ControlSize maps to radius:
let corner_radius = ControlSize::Md.corner_radius(&theme.radius);