@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