Flex

Flex Direction

Style syntax for setting the direction of flex items.

🚧This page is still under construction and some content may not be complete.

Overview [sr-only]

ClassDeclarations
flex-direction:valueflex-direction: value
flex:rowflex-direction: row
flex:colflex-direction: column
flex:col-reverseflex-direction: column-reverse
flex:row-reverseflex-direction: row-reverse

Conditionally apply

Apply styles in different states using selectors, media queries, etc.

<div class="flex-direction:col:hover flex-direction:col@sm flex-direction:col@dark flex-direction:col@print"></div>
PREVIOUS
Flex Basis

Style syntax for setting the initial main size of a flex item.

NEXT
Flex Grow

Style syntax for setting how flex items grow.

MIT License © Aoyue Design LLC.