stack

foundations components patterns

Globals

colors type scale

layout

section container display object fit object position object wrap overflow

typography

font style font weight letter spacing line height list style type text align text color text decoration text transfrom whitespace

Backgrounds

background color

Borders

Spacing

inset inset squish inset stretch stack

sizing

width min-width max-width height min-height max-height

Effects

box shadow opacity

stack

stack-xs

@desktop
height: 0.25rem;

stack-sm

@desktop
height: 0.5rem;

stack-md

@desktop
height: 1rem;

stack-lg

@desktop
height: 2rem;

stack-xl

@desktop
height: 4rem;

Spacing

inset inset squish inset stretch stack