Tomrum
Spacing används för att definiera utrymmet mellan två vertikala objekt i layouten. Alla klasser har sina egna responsiva klasser. T.ex. c-space--s md:c-space--m lg:c-space--xl betyder att c-space--s är standard, c-space--m på surfplattan och c-space--xl på stationära och större skärmar.
Storlekar
| Klassnamn | Storlek(rem) | Storlek(px) |
|---|---|---|
| c-space--xxs | 0.125 | 2 |
| c-space--xs | 0.25 | 4 |
| c-space--s | 0.5 | 8 |
| c-space--m | 1 | 16 |
| c-space--l | 2 | 32 |
| c-space--xl | 4 | 64 |
Exempel
c-space--xxs
c-space--xs
c-space--s
c-space--m
c-space--l
c-space--xl