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: size/16rem;
gap:row-gap|col-gapgap: 1505.8940905679344rem 1505.8993542446456rem;
gap-x:col-gapcolumn-gap: 1507.2457508530374rem;
gap-y:row-gaprow-gap: 1508.7774255751433rem;

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>
Syntax
font-weight

Setting the weight of the font.

Syntax
grid

Setting layout of grid system.

© Aoyue Design LLC.