Syntax

Grid Area

Setting a size and location within a grid.

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

Overview

ClassDeclarations
grid-area:valuegrid-area: value;
grid-area:nonegrid-area: none;

Conditionally apply

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

<div class="grid-area:none:hover grid-area:none@sm grid-area:none@dark grid-area:none@print"></div>
Design Token
Colors

Customizing color variables or starting with the crafted palette.

© Aoyue Design LLC.