Syntax

Grid Auto Flow

Controlling how auto-placed items get inserted in the grid.

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

Class	Declarations
`grid-auto-flow:value`	`grid-auto-flow: value;`
`grid-auto-flow:row`	`grid-auto-flow: row;`
`grid-auto-flow:column`	`grid-auto-flow: column;`
`grid-auto-flow:dense`	`grid-auto-flow: dense;`
`grid-auto-flow:row\|dense`	`grid-auto-flow: row dense;`
`grid-auto-flow:column\|dense`	`grid-auto-flow: column dense;`

Conditionally apply

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

<div class="grid-auto-flow:row:hover grid-auto-flow:row@sm grid-auto-flow:row@dark grid-auto-flow:row@print">…</div>

Customizing color variables or starting with the crafted palette.

© Aoyue Design LLC.