Site Headings


Heading One

Adding class="h1" to any text element will cause them to inherit these styles.

Heading Two

Adding class="h2" to any text element will cause them to inherit these styles.

Heading Three

Adding class="h3" to any text element will cause them to inherit these styles.

Heading Four

Adding class="h4" to any text element will cause them to inherit these styles.
Heading Five
Adding class="h5" to any text element will cause them to inherit these styles.
Heading Six
Adding class="h6" to any text element will cause them to inherit these styles.

Subheader One

Adding class="h1 subheader" to any text element will cause them to inherit these styles.

Subheader Two

Adding class="h2 subheader" to any text element will cause them to inherit these styles.

Subheader Three

Adding class="h3 subheader" to any text element will cause them to inherit these styles.

Subheader Four

Adding class="h4 subheader" to any text element will cause them to inherit these styles.
Subheader Five
Adding class="h5 subheader" to any text element will cause them to inherit these styles.
Subheader Six
Adding class="h6 subheader" to any text element will cause them to inherit these styles.
Subheader Default

Base Typography


Lead Paragraph. Nullam quis risus eget urna mollis ornare vel eu leo. Vestibulum id ligula porta felis euismod semper.

Default Paragraph. Nullam quis risus eget urna mollis ornare vel eu leo. Vestibulum id ligula porta felis euismod semper.

Strong Text
Emphasized Text
Small Text

Quote. Sed posuere consectetur est at lobortis. Donec id elit non mi porta gravida at eget metus.

Quote Source
  • Unordered List Item
  • Unordered List Item
    • Nested Unordered List Item
    • Nested Unordered List Item
  • Unordered List Item
  • Unordered List Item
  1. Ordered List Item
  2. Ordered List Item
    1. Nested Ordered List Item
    2. Nested Ordered List Item
  3. Ordered List Item
  4. Ordered List Item

Helper Classes


Primary Colour

Secondary Colour

Primary Background

Secondary Background

Removes any bottom margin.
Adds top and bottom padding to full width images.

Shortcodes


link="" - Enter the URL of the page you wish to link to
class="" - Add additional classes (optional)
target="" - Change the link target (optional)
assistive-text="" - Used for AODA Compliance (optional)

Button classes include tiny, small, large and secondary