Syntax

Grid Rows

Style utility for creating multiple grid rows.

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

Overview

ClassDeclarations
grid-rows:valuedisplay: grid; grid-auto-flow: column; grid-template-rows: repeat(value,minmax(0,1fr));

Conditionally apply

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

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

Customizing color variables or starting with the crafted palette.

© Aoyue Design LLC.
MIT License