Syntax

Flex Direction

Setting the direction of flex items.

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

Class	Declarations
`flex-direction:value`	`flex-direction: value;`
`flex:row`	`flex-direction: row;`
`flex:col`	`flex-direction: column;`
`flex:col-reverse`	`flex-direction: column-reverse;`
`flex:row-reverse`	`flex-direction: row-reverse;`

Conditionally apply

Apply styles based on different states using selectors and conditional queries.

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