Text
Alignment, transform, wrapping, weight — the typographic switches.
| Class | Does |
|---|---|
.u-text-start / -center / -end | alignment (logical) |
.u-uppercase / -capitalize / .u-normal-case | transforms |
.u-truncate | one line + ellipsis (needs .u-min-w-0 in flex) |
.u-nowrap / .u-break | wrap control |
.u-balance / .u-pretty | headline / paragraph wrapping |
.u-tabular | tabular numerals for tables and timecodes |
.u-weight-regular…bold | weight ladder |
.u-italic / .u-underline / .u-no-underline | inline styles |
This sentence is far too long for its container and admits it with an ellipsis.
.u-truncate — the honest overflow