Display

Base

These classes represent the display property:

  • u-flex
  • u-block
  • u-inline
  • u-inlineBlock
  • u-hidden

Visually hidden but still available to screenreaders:

  • u-hiddenVisually

Hides overflow:

  • u-overflowHidden

Responsive

Use breakpoints to specifiy min screen widths for display properties.

Breakpoints: xs, sm, md and lg

eg: u-xs-block, u-sm-hidden, u-lg-flex