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