Layouts
Visibility
Utilities for show or hide without affecting the layout of the document.
Class
class | css |
---|---|
visible | visibility: visible |
invisible | visibility: hidden |
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
Variant | Enabled | Responsive |
---|---|---|
Default | Yes | Yes |
Dark Theme | ||
hover | Yes | |
group-hover | Yes | |
focus | ||
focus-within | ||
active | ||
visited | ||
checked | ||
disabled |