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>
Design Token
Colors

Customizing color variables or starting with the crafted palette.

© Aoyue Design LLC.