Typography (Global)

Heading 1

Heading 2

Heading 3

Heading 4

Heading 5

Heading 6

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in eros elementum tristique. Duis cursus, mi quis viverra ornare, eros dolor interdum nulla, ut commodo diam libero vitae erat. Aenean faucibus nibh et justo cursus id rutrum lorem imperdiet. Nunc ut sem vitae risus tristique posuere.

eyebrow

text-caps-each-word

text-italic

text-weight-light

text-weight-regular

text-weight-medium

text-weight-semibold

text-weight-bold

Colors (Global)

text-orange

text-muted-white

text-grey

Icons

Spacing (Global)

Margin size

margin-0

margin-tiny

margin-xxsmall

margin-xsmall

margin-small

margin-medium

margin-large

margin-xlarge

margin-xxlarge

margin-huge

margin-xhuge

margin-xxhuge

no-margin-mobile

Padding size

padding-0

padding-tiny

padding-xxsmall

padding-xsmall

padding-small

padding-medium

padding-large

padding-xlarge

padding-xxlarge

padding-huge

padding-xhuge

padding-xxhuge

no-padding-mobile

Spacing direction

padding-top

padding-bottom

padding-left

padding-right

padding-vertical

padding-horizontal

margin-top

margin-bottom

margin-left

margin-right

margin-vertical

margin-horizontal

Other Useful Classes (Global)

display-block

relative

overflow-hidden

ui-shadow-right-top

ui-shadow-bottom

ui-shadow-right

ui-shadow-left