// Grid @media screen and (min-width:769px) { .grid-container { @include center(); } .col2 { @include column(6/12); } .col3 { @include column(4/12); } .col4 { @include column(3/12); } .focused { @include center(980px); } } @media screen and (min-width: 769px) { .column-one { @include column(1/12); }.column-two { @include column(2/12); } .column-three { @include column(3/12); } .column-four { @include column(4/12); } .column-five { @include column(5/12); } .column-six { @include column(6/12); } .column-seven { @include column(7/12); } .column-eight { @include column(8/12); } .column-nine { @include column(9/12); } .column-ten { @include column(10/12); } .column-elven { @include column(11/12); } .column-twelve{ @include column(12/12); } .column-cycle-two { @include column(6/12,$cycle: 2); } .column-cycle-three { @include column(4/12,$cycle: 3); } .column-cycle-four { @include column(3/12,$cycle: 3); } .span-one { @include span(1/12); }.span-two { @include span(2/12); } .span-three { @include span(3/12); } .span-four { @include span(4/12); } .span-five { @include span(5/12); } .span-six { @include span(6/12); } .span-seven { @include span(7/12); } .span-eight { @include span(8/12); } .span-nine { @include span(9/12); } .span-ten { @include span(10/12); } .span-elven { @include span(11/12); } .span-twelve{ @include span(12/12); } } .unmove { @include unmove(); } .stack { @include stack(); } .unstack { @include unstack(); } .align { @include align(); } .clearfix { @include clearfix(); }