Docs
Systhema Design (opens in new tab)
Unreleased

Gap classes

Gap utilities for the `gap` token scale.

ClassStyles
gap-nonegap: var(--gap-none);
gap-x-nonecolumn-gap: var(--gap-none);
gap-y-nonerow-gap: var(--gap-none);
gap-xsgap: var(--gap-xs);
gap-x-xscolumn-gap: var(--gap-xs);
gap-y-xsrow-gap: var(--gap-xs);
gap-smgap: var(--gap-sm);
gap-x-smcolumn-gap: var(--gap-sm);
gap-y-smrow-gap: var(--gap-sm);
gap-mdgap: var(--gap-md);
gap-x-mdcolumn-gap: var(--gap-md);
gap-y-mdrow-gap: var(--gap-md);
gap-lggap: var(--gap-lg);
gap-x-lgcolumn-gap: var(--gap-lg);
gap-y-lgrow-gap: var(--gap-lg);
gap-xlgap: var(--gap-xl);
gap-x-xlcolumn-gap: var(--gap-xl);
gap-y-xlrow-gap: var(--gap-xl);
gap-2xlgap: var(--gap-2xl);
gap-x-2xlcolumn-gap: var(--gap-2xl);
gap-y-2xlrow-gap: var(--gap-2xl);
gap-3xlgap: var(--gap-3xl);
gap-x-3xlcolumn-gap: var(--gap-3xl);
gap-y-3xlrow-gap: var(--gap-3xl);