brand logo
foundationscomponentspatterns
Globals
colorstype scale
layout
sectioncontainerdisplayobject fitobject positionobject wrapoverflow
typography
font stylefont weightletter spacingline heightlist style typetext aligntext colortext decorationtext transfromwhitespace
Backgrounds
background color
Borders
border radius
Spacing
insetinset squishinset stretchstack
sizing
widthmin-widthmax-widthheightmin-heightmax-height
Effects
box shadowopacity
letter spacing
tracking-tighter
This is some text inside of a div block.
@desktop
letter-spacing: -0.05em;
tracking-tight
This is some text inside of a div block.
@desktop
letter-spacing: -0.025em;
tracking-normal
This is some text inside of a div block.
@desktop
letter-spacing: 0;
tracking-wide
This is some text inside of a div block.
@desktop
letter-spacing: 0.025em;
tracking-wider
This is some text inside of a div block.
@desktop
letter-spacing: 0.05em;
tracking-widest
This is some text inside of a div block.
@desktop
letter-spacing: 0.1em;
typography
font stylefont weightletter spacingline heightlist style typetext aligntext colortext decorationtext transfromwhitespace