General Styles

Primary Colour
Accent Colour
Subtle Colour
Grey Light
Grey Mid
Grey Dark

h1 Header

h2 Header

h3 Header

h4 Header

h5 Header
h6 Header

Strong Styling

Defult padding amount =

Default margin amount =

Radio Button

Check Box

Input type="button" and type="submit"

button

Anchor tag with a class="button"

A hyper link

.error / .warning

.success

Layout Styles Styles

class="col6"
Nulla quis lorem ut libero malesuada feugiat. Mauris blandit aliquet elit, eget tincidunt nibh pulvinar a. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Curabitur arcu erat, accumsan id imperdiet et, porttitor at sem.
Nulla quis lorem ut libero malesuada feugiat.
Nulla quis lorem ut libero malesuada feugiat.
Nulla quis lorem ut libero malesuada feugiat. Mauris blandit aliquet elit, eget tincidunt nibh pulvinar a. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Curabitur arcu erat, accumsan id imperdiet et, porttitor at sem.
Nulla quis lorem ut libero malesuada feugiat.
Nulla quis lorem ut libero malesuada feugiat.

class="col4"
Nulla quis lorem ut libero malesuada feugiat. Mauris blandit aliquet elit, eget tincidunt nibh pulvinar a. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Curabitur arcu erat, accumsan id imperdiet et, porttitor at sem.
Nulla quis lorem ut libero malesuada feugiat.
Nulla quis lorem ut libero malesuada feugiat.
Nulla quis lorem ut libero malesuada feugiat.

class="col2"
Nulla quis lorem ut libero malesuada feugiat. Mauris blandit aliquet elit, eget tincidunt nibh pulvinar a. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Curabitur arcu erat, accumsan id imperdiet et, porttitor at sem.
Nulla quis lorem ut libero malesuada feugiat.

class="col1-3"
Nulla quis lorem ut libero malesuada feugiat. Mauris blandit aliquet elit, eget tincidunt nibh pulvinar a. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Curabitur arcu erat, accumsan id imperdiet et, porttitor at sem.
Nulla quis lorem ut libero malesuada feugiat.
Nulla quis lorem ut libero malesuada feugiat.
Nulla quis lorem ut libero malesuada feugiat.
Nulla quis lorem ut libero malesuada feugiat. Mauris blandit aliquet elit, eget tincidunt nibh pulvinar a. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Curabitur arcu erat, accumsan id imperdiet et, porttitor at sem.
Nulla quis lorem ut libero malesuada feugiat.
Nulla quis lorem ut libero malesuada feugiat.
Nulla quis lorem ut libero malesuada feugiat.

class="col1-2"
Nulla quis lorem ut libero malesuada feugiat. Mauris blandit aliquet elit, eget tincidunt nibh pulvinar a. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Curabitur arcu erat, accumsan id imperdiet et, porttitor at sem.
Nulla quis lorem ut libero malesuada feugiat.
Nulla quis lorem ut libero malesuada feugiat.
Nulla quis lorem ut libero malesuada feugiat. Mauris blandit aliquet elit, eget tincidunt nibh pulvinar a. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Curabitur arcu erat, accumsan id imperdiet et, porttitor at sem.
Nulla quis lorem ut libero malesuada feugiat.
Nulla quis lorem ut libero malesuada feugiat.

class="col3-1"
Nulla quis lorem ut libero malesuada feugiat. Mauris blandit aliquet elit, eget tincidunt nibh pulvinar a. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Curabitur arcu erat, accumsan id imperdiet et, porttitor at sem.
Nulla quis lorem ut libero malesuada feugiat.
Nulla quis lorem ut libero malesuada feugiat.
Nulla quis lorem ut libero malesuada feugiat.
Nulla quis lorem ut libero malesuada feugiat. Mauris blandit aliquet elit, eget tincidunt nibh pulvinar a. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Curabitur arcu erat, accumsan id imperdiet et, porttitor at sem.
Nulla quis lorem ut libero malesuada feugiat.
Nulla quis lorem ut libero malesuada feugiat.
Nulla quis lorem ut libero malesuada feugiat.