LESS Variable Colours

• @brand-blue: #076480
• @secondary-blue: #4c9fb1
• @body-colour: #414042
• @button-grey: #bcbec0
• @button-light-blue: #25bcd7
• @button-orange: #f9a825
• @class-select-a: #4c9eb1
• @class-select-b: #6cb2c2
• @class-select-c: #98c6d0
• @purple: #775cbc
• @panel-header: #2386a5

Headings

This is an h1

…with class="h1"

This is an h2

…with class="h2"

This is an h3

…with class="h3"

This is an h4

…with class="h4"

This is an h5

…with class="h5"

This is an h6

…with class="h6"

Lists

Ordered list

1. List item 1
2. List item 2
3. List item 3
4. List item 4
5. List item 5

Unordered list

• List item 1
• List item 2
• List item 3
• List item 4
• List item 5

Definition list

This is a dt

This is a dd

Horizontal Definition list

This is a dt

This is a dd

Buttons (as <a> elements)

Buttons (as <button> elements)

Block buttons

Buttons with attributes

Increment/Decrement Buttons