Columns

Global variables

$column-class: -col !global
$column-quantity: 12 !global
$offset-class: -offset !global

Use class .-col# (# - number 1..$column-quantity). Specifies columns of the grid.

-col1
-col1
-col1
-col1
-col1
-col1
-col1
-col1
-col1
-col1
-col1
-col1
-col2
-col2
-col2
-col2
-col2
-col2
-col3
-col3
-col3
-col3
-col4
-col4
-col4
-col5
-col2
-col5
-col6
-col6
-col8
-col4
-col1
-col1
-col1
-col1
-col1
-col1
-col1
-col1
-col1
-col1
-col1
-col1
-col2
-col2
-col2
-col2
-col2
-col2
-col3
-col3
-col3
-col3
-col4
-col4
-col4
-col5
-col2
-col5
-col6
-col6
-col8
-col4

Order

You can change order of the columns on different devices. Look at Utilities order.

Offsets

Use class .-offset#. These classes increase the left margin of a column by # columns.

-col2
-col2 -offset2
-col2
-col2
-col2
-col6 -offset6
-col6 -offset3
-col2
-col2 -offset2
-col2
-col2
-col2
-col6 -offset6
-col6 -offset3