-- Global Styles --
Text Style
Hero LG
Headline 1
Headline 2
Headline 3
Headline 4
This is a Running Head. Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor. (vw)
This is a Paragraph Large. Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt. (px)
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 Small. Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam. (px)
This is a Paragraph Small Bold. Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. (px)
Grids
Desktop Grid (Tablet Landscape & Upwards)
12 columns, no gutter, stretch full width, 80px margins left/right
Mobile Grid (Tablet Portrait & Downwards)
6 columns, no gutter, stretch full width, 24px margins left/right
Colour Styles
$color-primary
$color-accent
$color-secondaryLight
$color-tertiary
$color-secondary
$color-tertiaryLight
$color-primaryLight
$color-accentMedium
$color-accentDarkest
$color-accentLightest
$color-accentLighter
$color-accentDark
$color-accentMid
$color-accentDeep
Buttons
