Fonts

.font-fancy

.font-basic


.container

.heading-1

.heading-2

.heading-3

.heading-4

.heading-5

.heading-1.font-basic

.heading-2.font-basic

.heading-3.font-basic

.heading-4.font-basic

.heading-5.font-basic

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi et nisl hendrerit, aliquet mi sed, scelerisque tortor. Aliquam eu scelerisque quam, ac tristique dolor. Aliquam nulla risus, fermentum feugiat tortor quis, facilisis cursus arcu. Sed eu purus placerat, aliquet augue nec, molestie felis. Fusce porta.


.select

.text-input

.text-input (type="number")

.text-input (invalid)

.textarea

.btn



.btn-2



.btn-3


.cta

Colours

.colour-accent, $accentColour

.colour-white, $white


.colour-error, $error

.colour-text, $fontColor1

Background Colours

    .background-colour-white, $white
    .background-colour-black, $black
    .background-colour-accent, $accentColor:
    .background-colour-mid-grey, $mid-grey
    .background-light-grey, $light-grey
    .background-colour-error, $error