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
object fit
object-contain
@desktop
object-fit: contain;
object-cover
@desktop
object-fit: cover;
object-fill
@desktop
object-fit: fill;
object-none
@desktop
object-fit: none;
object-scale-down
@desktop
object-fit: scale-down;
layout
sectioncontainerdisplayobject fitobject positionobject wrapoverflow