Flexbox
Flex Wrap
Utilities for creates how flex items wrap.
Class
class | css |
---|---|
flex-no-wrap | flex-wrap: nowrap |
flex-wrap | flex-wrap: wrap |
flex-wrap-reverse | flex-wrap: wrap-reverse |
Usage
<!-- Example -->
<y class="flex flex-wrap">
<y> ... </y>
<y> ... </y>
</y>
Usage
<!-- Example -->
<y class="flex flex-wrap">
...
</y>
Variant
Variant | Enabled | Responsive |
---|---|---|
Default | Yes | Yes |
Dark Theme | ||
hover | ||
group-hover | ||
focus | ||
focus-within | ||
active | ||
visited | ||
checked | ||
disabled |