Styleguide

Colors

Gallery of colors used across site.

$primary
$secondary
$success
$warning
$danger
$info
$light
$dark

Typography

Basic typography used in this site.

h1. heading

h2. heading

h3. heading

h5. heading
h5. heading
h6. heading

Lead text — Vivamus sagittis lacus vel augue laoreet rutrum faucibus dolor auctor.

You can use the mark tag to highlight text.

This line rendered as bold text.

This line rendered as italicized text.

This line of text is meant to be treated as fine print.

Display 1

Display 2

Display 3

Display 4

  • Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Integer pellentesque quam vel velit.
  • Fusce suscipit libero eget elit.
    • Mauris suscipit, ligula sit amet pharetra semper, nibh ante cursus purus, vel sagittis velit mauris vel metus.
    • Fusce dui leo, imperdiet in, aliquam sit amet, feugiat eu, orci.
  • Fusce consectetuer risus a nunc.
  1. Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Integer pellentesque quam vel velit.
  2. Fusce suscipit libero eget elit.
    • Mauris suscipit, ligula sit amet pharetra semper, nibh ante cursus purus, vel sagittis velit mauris vel metus.
    • Fusce dui leo, imperdiet in, aliquam sit amet, feugiat eu, orci.
  3. Fusce consectetuer risus a nunc.

Tables

Table formatting used in this site.

Regular table with hover
Title
Note
Repudiandae quis aut sint necessitatibus sed.red
Hic est harum vitae placeat adipisci in odio quo.lime
Eveniet et voluptates numquam.violet
Corporis corporis asperiores sint velit.orchid
Magnam ducimus magni et atque non ut quo amet qui.salmon
Tempora ut maiores commodi magni impedit aspernatur consequuntur occaecati consequatur.black

Buttons

Used to trigger an operation.

Button Primary (default) & outline


Button Secondary & outline


Button Link & outline
Button Success & outline


Button Warning & outline


Button Danger & outline