Headings

H1 Headings

Element

H1
Class
H2 Headings

Element

H2
Class
H3 Headings

Element

H3
Class
H4 Headings

Element

H4
Class
H5 Headings
Element
H5
Class
H6 Headings
Element
H6
Class

Text Elements

Paragraphs

Element

Paragraph
Class
Block Quotes
Element
Block Quote
Class
Ordered Lists
  1. List Item 1
  2. List Item 2
  3. List Item 3
Unordered Lists
  • List Item 1
  • List Item 2
  • List Item 3
RichText

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

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

Utility Classes

Text | Small
Small
Text | Label
Label
Text | Italic
Italic
Text | Left
Text Alignment
Text | Center
Text Alignment
Text | Right
Text Alignment
Text | Justify
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. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
Text | Capitalized
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. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
Text | Uppercase
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. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
Text | Lowercase
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. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
Text | Display 1
Display 1
Text | Display 2
Display 2
Text | Display 3
Display 3
Text | Display 4
Display 4
Text | Lead
Lead

Columns

Column
Column
Column
Column
Column
Column
Column
Column
Is 12
Column
Is 11
Column
Is 10
Column
Is 9
Column
Is 8
Column
Is 7
Column
Is 6
Column
Is 5
Column
Is 4
Column
Is 3
Column
Is 2
Column
Is 1
Column
Is Narrow

Columns (Tablet)

Column
Tablet > Is 12
Column
Tablet > Is 11
Column
Tablet > Is 10
Column
Tablet > Is 9
Column
Tablet > Is 8
Column
Tablet > Is 7
Column
Tablet > Is 6
Column
Tablet > Is 5
Column
Tablet > Is 4
Column
Tablet > Is 3
Column
Tablet > Is 2
Column
Tablet > Is 1
Column
Tablet > Is Narrow

Columns (Landscape)

Column
Landscape > Is 12
Column
Landscape > Is 11
Column
Landscape > Is 10
Column
Landscape > Is 9
Column
Landscape > Is 8
Column
Landscape > Is 7
Column
Landscape > Is 6
Column
Landscape > Is 5
Column
Landscape > Is 4
Column
Landscape > Is 3
Column
Tablet > Is 2
Column
Landscape > Is 1
Column
Landscape > Is Narrow

Offsets

Column
Offset 0
Column
Offset 1
Column
Offset 2
Column
Offset 3
Column
Offset 4
Column
Offset 5
Column
Offset 6
Column
Offset 7
Column
Offset 8
Column
Offset 9
Column
Offset 10
Column
Offset 11

Offsets Tablet

Column
Tablet > Offset 0
Column
Tablet > Offset 1
Column
Tablet > Offset 2
Column
Tablet > Offset 3
Column
Tablet > Offset 4
Column
Tablet > Offset 5
Column
Tablet > Offset 6
Column
Tablet > Offset 7
Column
Tablet > Offset 8
Column
Tablet > Offset 9
Column
Tablet >Offset 10
Column
Tablet > Offset 11

Offsets Landscape

Column
Landscape > Offset 0
Column
Landscape  > Offset 1
Column
Landscape > Offset 2
Column
Landscape > Offset 3
Column
Landscape > Offset 4
Column
Landscape > Offset 5
Column
Landscape > Offset 6
Column
Landscape > Offset 7
Column
Landscape > Offset 8
Column
Landscape > Offset 9
Column
Landscape >Offset 10
Column
Landscape > Offset 11

Images

All Images
All Images are set as width: 100% and height: auto
Image | Square
Aspect ratio square
Image | Wide
Aspect ratio widescreen

Display Classes

Tablet > Hide
Hides on tablet and below
Landscape > Hide
Hides on landscape and below
Mobile > Hide
Hides on mobile
Place Center
Center distributed Grid

Utility Classes

Overflow Hidden
Overflow hidden
Unclickable
Pointer Events none
Mobile > Hide
Hides on mobile

Buttons

Button
Button
Hollow
Button
Is Secondary
Button
Hollow
Is Secondary