Syntax

Grid Columns

Style utility for creating multiple grid columns.

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

Overview

ClassDeclarations
grid-cols:valuedisplay: grid; grid-template-columns: repeat(value,minmax(0,1fr));

Conditionally apply

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

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

Customizing color variables or starting with the crafted palette.

© Aoyue Design LLC.