Living Styleguide

MidCamp Hatter Styleguide

Grid System

Add Description.

12 Column "Isolation" grid layout classes

Perfect for single row layouts

l-1up

l-2up--1

l-2up--2

l-3up--1

l-3up--2

l-3up--3

l-4up--1

l-4up--2

l-4up--3

l-4up--4

l-6up--1

l-6up--2

l-6up--3

l-6up--4

l-6up--5

l-6up--6

l-33-66--1

l-33-66--2

l-66-33--1

l-66-33--2

12 Column "Float" grid layout classes

Perfect for multi-row layouts

l-1up

l-2up

l-2up

l-3up

l-3up

l-3up

l-4up

l-4up

l-4up

l-4up

l-6up

l-6up

l-6up

l-6up

l-6up

l-6up

Nested grid example

If need be you can nest items inside each other

l-6up

l-6up

l-3up (last)

l-3up--2