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 conditional queries.

<div class="gap:12:hover gap:12@sm gap:12@dark gap:12@print">…</div>
Syntax
Font Weight

Setting the weight of the font.

Syntax
Grid

Setting layout of grid system.

© Aoyue Design LLC.
MIT License