Spacing
All spacing uses theme.spacing — never hardcode pixel values.
Scale
xs
4px sm
8px md
12px lg
16px xl
24px Tokens
| Token | CSS Variable | Value |
|---|---|---|
spacing.xs | --spacing-xs | 4px |
spacing.sm | --spacing-sm | 8px |
spacing.md | --spacing-md | 12px |
spacing.lg | --spacing-lg | 16px |
spacing.xl | --spacing-xl | 24px |
control_gap | --control-gap | 3px |
Usage
let theme = Theme::dark();
ui.add_space(theme.spacing.md);
// For non-standard values, compose from the scale:
let gap = theme.spacing.xs + 2.0; // 6px