Skip to main content

Visibility

Blaze comes with a set of visibility utils that should cover all your display and visibility needs.

Display

.u-display-none
.u-display-initial
.u-display-inline
.u-display-inline-block
.u-display-block
.u-display-table
.u-display-table-cell
.u-display-flex
.u-display-inline-flex

Visibility

The visible utils changes the visible: visible|hidden property is CSS.

.u-visible
.u-invisible
.u-visually-hidden

Responsiveness

Each display can also be applied at certain screen sizes.

For example .u-display-none@large will hide the element when the viewport has a large or more width. Each display has an xsmall, small, medium, large, xlarge and super responsive suffix.