Style Guide

Background Colors

  • Light Blue

    .bg-light-blue
  • Blue

    .bg-blue
  • Dark Blue

    .bg-dark-blue
  • Light Orange

    .bg-light-orange
  • Orange

    .bg-orange
  • Light Grey

    .bg-light-grey
  • Grey

    .bg-grey
  • Dark Grey

    .bg-dark-grey

Text

Header 1

Header 2

Header 3

Header 4

Header 5
Header 6

Paragraph Styles

This is the default paragraph apperance

Lorem ipsum dolor sit amet, consectetur adipisicing elit.

.smallest

Lorem ipsum dolor sit amet, consectetur adipisicing elit.

.smaller

Lorem ipsum dolor sit amet, consectetur adipisicing elit.

.larger

Lorem ipsum dolor sit amet, consectetur adipisicing elit.

.largest

List Style

  • Item
  • Item
  • Item
  • Item
  • Item
.ul-arrows

Font Styles

Lorem ipsum

.strike

Lorem ipsum

.bold

Lorem ipsum

.italic

Lorem

.important

Click Elements

Buttons

.action-button
.action-button .arrow

Pagination

  • 1
  • 2
  • 3
  • .pagination

Link Style

Lorem