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.