Typography

Headers

h1 Header

h2 Header

h3 Header

h4 Header

h5 Header
h6 Header

Paragraph

Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Lorem ipsum dolor sit amet, consectetuer adipiscing elit.

Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Lorem ipsum dolor sit amet, consectetuer adipiscing elit.

Unordered List: .fx-list

  • List item 1
  • List item 2
    • List subitem 1
    • List subitem 2
    • List subitem 3
  • List item 3

Ordered List: .fx-list .fx-list--decimal

  1. List item 1
  2. List item 2
    1. List subitem 1
    2. List subitem 2
    3. List subitem 3
  3. List item 3

Unstyled List: .fx-list .fx-list--none

  • List item 1
  • List item 2
    1. List subitem 1
    2. List subitem 2
    3. List subitem 3
  • List item 3

Inline List: .fx-list .fx-list--inline

  • Inline list item 1
  • Inline list item 2
  • Inline list item 3

All List Modifiers:

  • .fx-list--disc
  • .fx-list--circle
  • .fx-list--square
  • .fx-list--decimal
  • .fx-list--lower-latin
  • .fx-list--upper-latin
  • .fx-list--lower-roman
  • .fx-list--upper-roman
  • .fx-list--none
  • .fx-list--inline

Quote

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras non lacinia mauris. Fusce sed nulla vitae ipsum malesuada ultricies id at mauris. Vivamus fringilla nulla sit amet velit viverra, et vehicula quam faucibus.