Static Classes

Theme

theme_invert
text_accent
Normal text and  accent
theme_base
text_accent
Normal text and  accent

Typography

H1 Headings

Element

H2 Headings

Element

H3 Headings

Element

H4 Headings

Element

H5 Headings
Element
H6 Headings
Element
Paragraph

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in eros elementum tristique.

h1
Class
h2
Class
h3
Class
h4
Class
h5
Class
h6
Class
eyebrow
Class
paragraph

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in eros elementum tristique.

paragraph_sm

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in eros elementum tristique.

paragraph_lg

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in eros elementum tristique.

paragraph_xl

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in eros elementum tristique.

text_balance
This is some text inside of a div block.
rich-text

Heading 1

Heading 2

Heading 3

Heading 4

Heading 5
Heading 6

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.

Block quote
<div>example code block here</div>

‍

Ordered list

  1. Item 1
  2. Item 2
  3. Item 3

Unordered list

  • Item A
  • Item B
  • Item C

Text link

Bold text

Emphasis

Superscript

Subscript

All Ordered Lists
All Lists Items
  1. Example Ordered List
  2. Example Ordered List
All Unordered Lists
All Lists Items
  • Example Unordered List
  • Example Unordered List

Layout

Section & Container

section
container
Section + Container

Grid

grid

Row & Content

row
content

Content Alignment

content
is-stretch-center
is-stretch-bottom
is-stretch-between
is-center-all
is-left-top
is-left-center
is-left-bottom

Row Alignment

row
is-top-center

This is a paragraph

is-top-right

This is a paragraph

is-top-between

This is a paragraph

is-center-left

This is a paragraph

is-center-center

This is a paragraph

is-center-right

This is a paragraph

is-center-between

This is a paragraph

is-bottom-left

This is a paragraph

is-bottom-right

This is a paragraph

is-bottom-center

This is a paragraph

is-bottom-between

This is a paragraph

Grid Column

grid
is-221-r
is-211
is-211-r
is-331
is-421

Width Span

width_6-9-fcol
width_6col
width_5-7-9col
width_7-9-fcol
width_4-7-9col
width_8-f-fcol
width_3-6-8col
width_9-f-fcol
width_2-6-8col
width_10-f-fcol
width_11-f-fcol
width_12col

Gap

gap_none
gap_2xsmall
gap_xsmall
gap_small
gap_medium
gap_large
gap_xlarge
gap_2xlarge
gap_3xlarge
gap_4xlarge