@Grid Container

Content will center to desired width. Column 1 and Column 14 are margins, but can contain content for full bleed backgrounds. Numbers represent grid column start / stop.

@include grid-container($width, 12);
Replace '$width' with desired width
Replace '12' with desired column number.

2/3
2/4
2/5
2/6
2/7
2/8
2/-2 or 2/14
8/14
9/14
10/14
11/14
12/14
13/14

 

@Fluid Grid

@include grid-fluid(12);
Replace '12' with desired column number.

 

Auto-fit content with no media queries

Utilize mixin @include autofit(300px) to utilize this grid. Replace 300px with min-width of each child div.

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