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.

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 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>

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

Style syntax for setting how flex items grow.