Syntax

Flex Shrink

Setting how flex items shrink.

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

Overview

ClassDeclarations
flex-shrink:valueflex-shrink: value;

Conditionally apply

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

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

Customizing color variables or starting with the crafted palette.

© Aoyue Design LLC.