Spacing
Carbon uses a 4px base spacing scale. All margins, paddings, and gaps should align with this scale.
The Scale
| Token | Value | Visual |
|---|---|---|
var(--space-1) |
4px | |
var(--space-2) |
8px | |
var(--space-4) |
16px | |
var(--space-6) |
24px | |
var(--space-8) |
32px |
Usage
Use spacing tokens for consistent layout rhythm.
Item
Item