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