Display In Progress

Display utility used for applying display rules to a component.

Usage

Class Name Description
u-display-desktop-only

element will only be displayed on screens above the mobile breakpoint width
u-display-mobile-only

element will only be displayed on screens below the mobile breakpoint width
u-display-flex

element will receive rules display:flex and align-items:flex-start
u-display-block

element will become a block element.
u-hidden

element will receive the rule visibility: hidden. This allows the element to take up space but it is invisible.