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 conditional queries.

<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.