-- Global Styles --

Text Style

Hero LG

Hero MD

Hero SM

Headline 1

Headline 2

Headline 3

Headline 4

Headline 5
Headline 6

THIS IS A SUBHEAD. Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.

This is a Paragraph Large. Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam quis.

This is a Paragraph Medium. Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco.

This is a Paragraph Large. Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam quis.

Grids

Desktop Grid

12 columns, no gutter, stretch full width, 56px margins left/right

Mobile Grid

6 columns, no gutter, stretch full width, 24px margins left/right

Colour Styles

Dark Blue $color-primary
Light Blue $color-primaryLight
Dark Green $color-secondary
Light Green $color-secondaryLight
Yellow $color-accent
Orange $color-accentDark
Red $color-accentDeep
Pink $color-accentLightest
Purple $color-accentLighter

Buttons

Primary Button

Anchor tag
Secondary Button
Anchor tag
Tertiary Button
Anchor tag