Syntax

Gap

Setting the gutters between rows and columns.

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

Overview

ClassDeclarations
gap:sizegap: sizerem;
gap:row-gap|col-gapgap: row-gap col-gap;
gap-x:col-gapcolumn-gap: col-gap;
gap-y:row-gaprow-gap: row-gap;

Conditionally apply

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

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

Customizing color variables or starting with the crafted palette.

© Aoyue Design LLC.
MIT License