Layouts

Visibility

Utilities for show or hide without affecting the layout of the document.

Class

Usage

Set visible to an element.

<!-- Example -->
<y class="visible">
  ...
</y>

Set invisible to an elment, the element property remains, but not hidden from existing.

<!-- Example -->
<y class="invisible">
  ...
</y>

Variant

ResponsiveDark ModeLight ModeReduce-MotionPortraitLandscapeHoverGroup-HoverFocusGroup-FocusFocus-VisibleFocus-WithinActiveVisitedCheckedDisabled

Default enabled variants. Read more information about the Responsive and Pseudo-Class Variants.