These classes are provided by the global stylesheet (service-site-assets)
Always include the base class. eg for large heading:
className="heading heading--lg"
Standard heading sizes
.heading--xxl (31px)
heading--xxl
.heading--xl (26px)
heading--xl
.heading--lg (21px)
heading--lg
.heading--md (19px)
heading--ml
.heading--sm (15px)
heading--sm
Heading weights
.heading (regular 400)
heading
.heading--medium (medium 500)
heading--medium
Paragraphs
Standard body copy is 17px, in Effra font.
.text--sm (15px)
text--sm
.text--xs (14px)
text--xs
.text-xxs (13px)
text--xxs
Font weights
.text (regular 400)
text
.text--medium (medium 500)
text--medium
Font styles
.text--italic
text--italic
Links
link
link--unstyled
link--underlined
link--secondary
link--discreet
link--colored
link--colored-dark
link--colored-underlined
link--hover-light
link--nounderline
Text positioning
text--left
text--center
text--right
Responsive text positioning
text-left-screen-sm
text-right-screen-sm