Syntax

Flex Direction

Setting the direction of flex items.

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

Overview

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 based on different states using selectors and applying conditionally.

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

Customizing color variables or starting with the crafted palette.

© Aoyue Design LLC.