Spacing
The 4px space scale from the token file, drawn at true size, followed by the fluid steps pages lay out with.
| --space-1 | 4px | |
| --space-2 | 8px | |
| --space-3 | 12px | |
| --space-4 | 16px | |
| --space-5 | 24px | |
| --space-6 | 32px | |
| --space-7 | 48px | |
| --space-8 | 64px | |
| --space-9 | 96px |
Usage
Tokens it uses
| --spacing-xs | … |
|---|---|
| --spacing-sm | … |
| --spacing-md | … |
| --spacing-lg | … |
| --spacing-xl | … |
| --spacing-xxl | … |
| --pad | … |
| --maxw | … |
| --rail | … |
Values are read live from the stylesheet, so they follow the site theme.