Syntax

grid🚧

Setting layout of grid system.

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

Overview

ClassDeclarations
grid:templategrid: template;
grid:template-rows/auto-flow|auto-columnsgrid: template-rows/auto-flow auto-columns;
grid:auto-flow|auto-rows/template-columnsgrid: auto-flow auto-rows/template-columns;

Conditionally apply

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

<div class="grid:none:hover grid:none@sm grid:none@dark grid:none@print">…</div>
Syntax
gap

Setting the gutters between rows and columns.

Syntax
grid-area

Setting a size and location within a grid.

© Aoyue Design LLC.
MIT License