Syntax

Flex Wrap

Setting how flex items wrap.

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

Overview

ClassDeclarations
flex-wrap:valueflex-wrap: value;
flex:wrapflex-wrap: wrap;
flex:wrap-reverseflex-wrap: wrap-reverse;
flex:nowrapflex-wrap: nowrap;

Conditionally apply

Apply styles based on different states using selectors and applying conditionally.

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

Customizing color variables or starting with the crafted palette.

© Aoyue Design LLC.