Columns & gutters
Gaps come off the same 4px ladder as everything else — never invent a gutter.
gap-2
gap-2
gap-2
gap-6
gap-6
gap-6
.u-gap-1…8 — gutter ladder
span 8
span 4
.grid-12 + grid-column: span n — the asymmetric splits
| Class | Does |
|---|---|
.stack / .stack-sm / .stack-lg | vertical rhythm between siblings |
.cluster / .cluster-sm / .cluster-lg | horizontal wrap groups |
.row-between | space-between row, centred items |
.flow | owl-spaced prose blocks |