The foundation of our CSS display utilities are sourced from SUIT CSS, including:
u-block
- Display block
.u-hidden
- Display none
.u-hiddenVisually
- Visually hidden but available to screenreaders.u-inline
- Display inline
.u-inlineBlock
- Display inline-block
.u-table
- Display table
.u-tableCell
- Display table-cell
.u-tableRow
- Display table-row
.Additional versions of the aforementioned utilities that only take effect at standard breakpoints are created as needed. So far, these include:
u-X-block
u-X-hidden
u-X-inlineBlock
Where X
is the abbreviation of the standard breakpoint, either sm
, md
or
lg
.