Flexbox
Flex
Utilities for controls how flex items grow and shrink.
Class
class | css |
---|---|
flex-initial | flex: 0 1 auto |
flex-1 | flex: 1 1 0% |
flex-auto | flex: 1 1 auto |
flex-none | flex: none |
Usage
<!-- Example -->
<y class="flex">
<y> ... </y>
<y> ... </y>
</y>
Variant
Variant | Enabled | Responsive |
---|---|---|
Default | Yes | Yes |
Dark Theme | ||
hover | ||
group-hover | ||
focus | ||
focus-within | ||
active | ||
visited | ||
checked | ||
disabled |