Guides

Example

Some Examples

@include grid-column($columns: 12);
@include grid-column($columns: 6);
@include grid-column($columns: 6);
$columns: 4
$columns: 4
$columns: 4
3
3
3
3
2
2
2
2
2
2
1
1
1
1
1
1
1
1
1
1
1
1

Centered Grids

@include grid-column($columns: 6, $center: true);

Push Grids

@include grid-push($push: 2);

Shift Grids (reordering)

[first] @include grid-shift($shift: 4);
[second] @include grid-shift($shift: -4);

Collapsed & Nested Grids

$columns: 6
$columns: 6
6
6

Custom sub-grids

@include grid-column($columns:2 of 5);
@include grid-column($columns:3 of 5);