Spacing tokens
A four-point base grid. Component padding uses multiples of four; layout gaps use multiples of eight.
| Token | Value |
|---|---|
--space-1 | 4px |
--space-2 | 8px |
--space-3 | 12px |
--space-4 | 16px |
--space-6 | 24px |
--space-8 | 32px |
A four-point base grid. Component padding uses multiples of four; layout gaps use multiples of eight.
| Token | Value |
|---|---|
--space-1 | 4px |
--space-2 | 8px |
--space-3 | 12px |
--space-4 | 16px |
--space-6 | 24px |
--space-8 | 32px |