Flex

Flex Shrink

Style syntax for setting how flex items shrink.

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

Overview [sr-only]

ClassDeclarations
flex-shrink:valueflex-shrink: value

Conditionally apply

Apply styles in different states using selectors, media queries, etc.

<div class="flex-shrink:1:hover flex-shrink:1@sm flex-shrink:1@dark flex-shrink:1@print">…</div>
PREVIOUS
Flex Grow

Style syntax for setting how flex items grow.

NEXT
Flex Wrap

Style syntax for setting how flex items wrap.

MIT License Ā© Aoyue Design LLC.