Flex
Direction, wrap, alignment, growth — the flexbox vocabulary.
| Class | Does |
|---|---|
.u-row / .u-col | direction |
.u-wrap / .u-nowrap-flex | wrapping |
.u-items-start/-center/-end/-baseline | cross-axis |
.u-justify-start/-center/-end/-between | main axis |
.u-grow / .u-grow-0 / .u-shrink-0 / .u-flex-1 | growth |
.u-self-start/-center/-end/-stretch | per-item override |
.u-order-first / .u-order-last | visual order (use rarely — AT reads DOM order) |
agrowc
a row with one growing member