Syntax

Grid Row

Setting a grid items's size and location in a grid layout.

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

Overview

ClassDeclarations
grid-row:valuegrid-row: value;
grid-row-span:valuegrid-row: span value/span value;
grid-row-start:valuegrid-row-start: value;
grid-row-end:valuegrid-row-end: value;

Conditionally apply

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

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

Customizing color variables or starting with the crafted palette.

© Aoyue Design LLC.