CSS Utilities

Display

These are single responsibility classes designed to help reduce duplication in our SCSS.

Display Block

.u-block

Display Inline

.u-inline

Display Inline Block

.u-inlineBlock

Display None

Items should be set to display: none; with caution. This removes content entirely and should only be used if the content is being presented somewhere else or is not needed for the user. .u-hiddenVisually is preferred

.u-hidden

Visually Hidden

Completely remove from the flow but leave available to screen readers.

.u-hiddenVisually

Display Table

.u-table

Display Table Cell

.u-tableCell

Display Table Row

.u-tableRow
Menu