Syntax

Grid Auto Rows

Setting the size of the grid rows.

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

Overview

ClassDeclarations
grid-auto-rows:valuegrid-auto-rows: value;
grid-auto-rows:autogrid-auto-rows: auto;
grid-auto-rows:mingrid-auto-rows: min-content;
grid-auto-rows:maxgrid-auto-rows: max-content;
grid-auto-rows:minmax(min,max)grid-auto-rows: minmax(min,max);

Conditionally apply

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

<div class="grid-auto-rows:min:hover grid-auto-rows:min@sm grid-auto-rows:min@dark grid-auto-rows:min@print"></div>
Design Token
Colors

Customizing color variables or starting with the crafted palette.

© Aoyue Design LLC.