Flawless

Basic

12 column row
6
6

Multiple rows

12 column row
1
11
2
10
3
9
4
8
5
7
6
6
4
3
5

Shifting first-column

12 column row
6 columns pushed 3

Nesting first-column

12 column row

Note that the .col-equal(); mixin does not work with automatic rows and .col-equal-remove(); can be used to remove the equal heights in media queries.

2
No equal height mixin applied
2
.col-equal();
8
.col-equal();
4

Automatic rows

12 column row
1
2
3
4
5
6
7
8
9
10
11
12