Flex

Flex

Style syntax for setting how flex items grow or shrink.

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

Overview [sr-only]

ClassDeclarations
flex:basisflex: basis
flex:growflex: grow
flex:grow|basisflex: grow basis
flex:grow|shrink|basisflex: grow shrink basis

Conditionally apply

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

<div class="flex:0:hover flex:0@sm flex:0@dark flex:0@print">…</div>
PREVIOUS
Mix Blend Mode

Style syntax for setting how an element's content should blend with its parent background.

NEXT
Flex Basis

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

MIT License Ā© Aoyue Design LLC.