Spacing
Padding, margin and gaps. The class name is what follows p-, m-, gap-, w- or h-, e.g. p-3 = 12 px.Innenabstand, Außenabstand und Lücken. Der Klassenname folgt auf p-, m-, gap-, w- oder h-, z. B. p-3 = 12 px.
| VariableVariable | ClassKlasse | ValueWert | |
|---|---|---|---|
| --spacing-0 | 0 | 0px | |
| --spacing-px | px | 1px | |
| --spacing-0_5 | 0.5 | 2px | |
| --spacing-1 | 1 | 4px | |
| --spacing-1_5 | 1.5 | 6px | |
| --spacing-2 | 2 | 8px | |
| --spacing-2_5 | 2.5 | 10px | |
| --spacing-3 | 3 | 12px | |
| --spacing-4 | 4 | 16px | |
| --spacing-5 | 5 | 20px | |
| --spacing-6 | 6 | 24px | |
| --spacing-8 | 8 | 32px | |
| --spacing-10 | 10 | 40px | |
| --spacing-12 | 12 | 48px | |
| --spacing-14 | 14 | 56px | |
| --spacing-16 | 16 | 64px | |
| --spacing-20 | 20 | 80px | |
| --spacing-24 | 24 | 96px |