Style Guide

HTML Elements

Headings

This is a h1 or a .h1

This is a h2 or a .h2

This is a h3 or a .h3

This is a h4 or a .h4

This is a h5 or a .h5

This is a h6 or a .h6

Text

This is normal text. The next few sentences are all part of a paragraph. This is bold text (strong). This is emphasised text (em). This is a link.

Lists

• Unordered list item
• Unordered list item
• Unordered list item with a nested list…
  • Nested unordered list item
  • Nested unordered list item
• Unordered list item

1. Ordered list item
2. Ordered list item
3. Ordered list item with a nested list…
   1. Nested ordered list item
   2. Nested ordered list item
   3. Ordered list item with a nested list…
      1. Nested ordered list item
      2. Nested ordered list item
4. Ordered list item

Modules

This is where you should render any modules you create for your project. A module should have a corresponding HTML partial in source/modules and its own Sass partial in source/stylesheets/modules.

Example Module