Standard Grid System
".grid--1" doesn't exist because it is unnecessary, but here's how it looks if you apply the class to an element...
12
.grid.grid--2
6
6
.grid.grid--12
5
.grid--c-span--5
7
.grid--c-span--7
.grid.grid--3
4
8
.grid--c-span--2
.grid.grid--4
3
9
.grid--c-span--3
.grid.grid--6
2
10
.grid--c-span--5
.grid.grid--12
1
11
.grid--c-span--11
50/50 Grid System
.w-50--desk
.grid.grid--6
1
5
.grid--c-span--5
.grid.grid--6
2
.grid--c-span--2
4
.grid--c-span--4
.grid.grid--6
3
.grid--c-span--3
3
.grid--c-span--3
.w-50--desk
.grid.h-100
3
.grid--c-span--3
3
.grid--c-span--3.h-100
.w-50--desk.vh-100
.grid.grid--6.f1
1
5
.grid--c-span--5 .h-100
.grid.grid--6.f1
2
.grid--c-span--2 .h-100
4
.grid--c-span--4
.w-50--desk.vh-100
.grid.grid--6.h-100
3
.grid--c-span--3
3
.grid--c-span--3.h-100