Flexbox

Flex

Utilities for controls how flex items grow and shrink.


Class

classcss
flex-initialflex: 0 1 auto
flex-1flex: 1 1 0%
flex-autoflex: 1 1 auto
flex-noneflex: none

Usage

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

Variant

VariantEnabledResponsive
DefaultYesYes
Dark Theme
hover
group-hover
focus
focus-within
active
visited
checked
disabled