{: versionI"3.2.12 (Media Mark):EF:shaI"-f2e1125ca09fca333c1c3fe04fd8c4d024974ce4;F: contents"ÉYo:Sass::Tree::RootNode :@children[o:Sass::Tree::CommentNode : @value[I"/* * Grid Variables * */:ET: @type: silent;[: @linei: @options{o:Sass::Tree::VariableNode : @nameI"row-width; T: @expro:Sass::Script::Funcall ;I" emCalc; T: @args[o:Sass::Script::Number ;iè:@numerator_units[I"px; T:@denominator_units[; i :@originalI" 1000px; F; @ :@keywords{: @splat0; i ; @ : @guardedI" !default; T;[; i ; @ o; ;I"column-gutter; T;o; ;I" emCalc; T;[o; ;i#;[I"px; T;[; i ;I" 30px; F; @ ;{;0; i ; @ ;I" !default; T;[; i ; @ o; ;I"total-columns; T;o; ;i;[;[; i ;I"12; F; @ ;I" !default; T;[; i ; @ o; ;[I"/* * Grid Mixins * */; T; ; ;[; i ; @ o; ;[I">/* For creating container, nested, and collapsed rows. */; T; ; ;[; i; @ o:Sass::Tree::MixinDefNode ;I" grid-row; T;[[o:Sass::Script::Variable;I" behavior; T:@underscored_nameI" behavior; T; @ o:Sass::Script::Bool;F; i; @ ;0;[ o; ;[I"?/* use @include grid-row(nest); to include a nested row */; T; ; ;[; i; @ u:Sass::Tree::IfNodeÉ [o:Sass::Script::Operation :@operand1o:Sass::Script::Variable : @nameI" behavior:ET:@underscored_nameI" behavior; T: @linei: @options{:@operand2o:Sass::Script::String : @valueI" nest; T: @type:identifier; i; @ :@operator:eq; i; @ u:Sass::Tree::IfNodeĄ[o:Sass::Script::Operation :@operand1o:Sass::Script::Variable : @nameI" behavior:ET:@underscored_nameI" behavior; T: @linei: @options{:@operand2o:Sass::Script::String : @valueI" collapse; T: @type:identifier; i; @ :@operator:eq; i; @ u:Sass::Tree::IfNodev[o:Sass::Script::Operation :@operand1o:Sass::Script::Variable : @nameI" behavior:ET:@underscored_nameI" behavior; T: @linei&: @options{:@operand2o:Sass::Script::String : @valueI"nest-collapse; T: @type:identifier; i&; @ :@operator:eq; i&; @ u:Sass::Tree::IfNode][00[ o:Sass::Tree::PropNode : @name[I" width:ET: @valueo:Sass::Script::String;I" 100%;T: @type:identifier: @options{: @tabsi:@prop_syntax:new:@children[: @linei.; @ o; ;[I"margin-left;T;o; ;I" auto;T; ; ; @ ; i;;;[;i/; @ o; ;[I"margin-right;T;o; ;I" auto;T; ; ; @ ; i;;;[;i0; @ o; ;[I"margin-top;T;o; ;I"0;T; ; ; @ ; i;;;[;i1; @ o; ;[I"margin-bottom;T;o; ;I"0;T; ; ; @ ; i;;;[;i2; @ o; ;[I"max-width;T;o:Sass::Script::Variable ;I"row-width;T:@underscored_nameI"row_width;T;i3; @ ; i;;;[;i3; @ [o:Sass::Tree::PropNode ;[I" width; T;o;;I" auto; T;;; @ : @tabsi:@prop_syntax:new:@children[; i'; @ o; ;[I" margin; T;o;;I"0; T;;; @ ;i;;;[; i(; @ o; ;[I"max-width; T;o;;I" none; T;;; @ ;i;;;[; i); @ [o:Sass::Tree::PropNode ;[I" width; T;o;;I" 100%; T;;; @ : @tabsi:@prop_syntax:new:@children[; i ; @ o; ;[I" margin; T;o;;I"0; T;;; @ ;i;;;[; i!; @ o; ;[I"max-width; T;o; ;I"row-width; T; I"row_width; T; i"; @ ;i;;;[; i"; @ [ o:Sass::Tree::PropNode ;[I" width; T;o;;I" auto; T;;; @ : @tabsi:@prop_syntax:new:@children[; i; @ o; ;[I"margin-left; T;o:!Sass::Script::UnaryOperation : @operando; ;o; ;I"column-gutter; T; I"column_gutter; T; i; @ ; o:Sass::Script::Number ;i:@numerator_units[:@denominator_units[; i:@originalI"2; F; @ ;:div; i; @ ;: minus; i; @ ;i;;;[; i; @ o; ;[I"margin-right; T;o; ;o; ;o; ;I"column-gutter; T; I"column_gutter; T; i; @ ; o; ;i;[;@; i;I"2; F; @ ;; ; i; @ ;;!; i; @ ;i;;;[; i; @ o; ;[I"margin-top; T;o;;I"0; T;;; @ ;i;;;[; i; @ o; ;[I"margin-bottom; T;o;;I"0; T;;; @ ;i;;;[; i; @ o; ;[I"max-width; T;o;;I" none; T;;; @ ;i;;;[; i; @ o; ;[I" /* Clearfix for all rows */; T; ; ;[; i6; @ o:Sass::Tree::MixinNode ;I" clearfix; T;[;{;0;[; i7; @ ; i:@has_childrenT; @ o; ;[I"m/* For creating columns - @include these inside a media query to control small vs. large grid layouts */; T; ; ;[; i<; @ o; ;I"grid-column; T;[ [o;;I" columns; T;I" columns; T; @ o;;F; i=; @ [o;;I"last-column; T;I"last_column; T; @ o;;F; i=; @ [o;;I" center; T;I" center; T; @ o;;F; i=; @ [o;;I" offset; T;I" offset; T; @ o;;F; i=; @ [o;;I" push; T;I" push; T; @ o;;F; i=; @ [o;;I" pull; T;I" pull; T; @ o;;F; i=; @ [o;;I" collapse; T;I" collapse; T; @ o;;F; i=; @ [o;;I" float; T;I" float; T; @ o:Sass::Script::String ;I" left; T; :identifier; i=; @ ;0;[o:Sass::Tree::PropNode ;[I" position; T;o;!;I" relative; T; ;"; @ : @tabsi:@prop_syntax:new;[; i?; @ o; ;[I"A/* Gutter padding whenever a column isn't set to collapse */; T; ; ;[; iA; @ u;[o:Sass::Script::Operation :@operand1o:Sass::Script::Variable : @nameI" collapse:ET:@underscored_nameI" collapse; T: @lineiB: @options{:@operand2o:Sass::Script::Bool: @valueF; iB; @ :@operator:eq; iB; @ 0[o:Sass::Tree::PropNode ;[I"padding-left; T;o; ;o; ;I"column-gutter; T; I"column_gutter; T; iC; @ ; o:Sass::Script::Number ;i:@numerator_units[:@denominator_units[; iC:@originalI"2; F; @ ;:div; iC; @ : @tabsi:@prop_syntax:new:@children[; iC; @ o; ;[I"padding-right; T;o; ;o; ;I"column-gutter; T; I"column_gutter; T; iD; @ ; o; ;i;[;@; iD;I"2; F; @ ;;; iD; @ ;i;;;[; iD; @ o; ;[I"7/* If a column number is given, calculate width */; T; ; ;[; iG; @ u;œ[o:Sass::Script::Variable : @nameI" columns:ET:@underscored_nameI" columns;T: @lineiH: @options{0[o:Sass::Tree::PropNode ;[I" width;T: @valueo:Sass::Script::Funcall ;I" gridCalc;T: @args[o; ;I" columns;T;I" columns;T; iI; @ o; ;I"total-columns;T;I"total_columns;T; iI; @ :@keywords{: @splat0; iI; @ : @tabsi:@prop_syntax:new:@children[; iI; @ o:Sass::Tree::CommentNode ; [I"B/* If last column, float naturally instead of to the right */;T: @type: silent;[; iK; @ u:Sass::Tree::IfNodeƒ[o:Sass::Script::Variable : @nameI"last-column:ET:@underscored_nameI"last_column;T: @lineiL: @options{u:Sass::Tree::IfNodeX[o:Sass::Script::Variable : @nameI" collapse:ET:@underscored_nameI" collapse;T: @lineiO: @options{0[o:Sass::Tree::PropNode ;[I"padding-left;T: @valueo:Sass::Script::String; I"0;T: @type:identifier; @ : @tabsi:@prop_syntax:new:@children[; iO; @ o; ;[I"padding-right;T; o; ; I"0;T;;; @ ;i;;;[; iO; @ [o:Sass::Tree::PropNode ;[I" float;T: @valueo; ;I"default-opposite;T;I"default_opposite;T; iL; @ : @tabsi:@prop_syntax:new:@children[; iL; @ u;X[o:Sass::Script::Variable : @nameI" collapse:ET:@underscored_nameI" collapse;T: @lineiS: @options{0[o:Sass::Tree::PropNode ;[I"padding-left;T: @valueo:Sass::Script::String; I"0;T: @type:identifier; @ : @tabsi:@prop_syntax:new:@children[; iS; @ o; ;[I"padding-right;T; o; ; I"0;T;;; @ ;i;;;[; iS; @ o; ;[I"3/* If offset, calculate appropriate margins */; T; ; ;[; iU; @ u;č[o:Sass::Script::Variable : @nameI" offset:ET:@underscored_nameI" offset;T: @lineiV: @options{0[o:Sass::Tree::PropNode ;[I" margin-;To; ;I"default-float;T;I"default_float;T; iV; @ : @valueo:Sass::Script::Funcall ;I" gridCalc;T: @args[o; ;I" offset;T;I" offset;T; iV; @ o; ;I"total-columns;T;I"total_columns;T; iV; @ :@keywords{: @splat0; iV; @ : @tabsi:@prop_syntax:new:@children[; iV; @ o; ;[I"G/* Source Ordering, adds left/right depending on which you use. */; T; ; ;[; iX; @ u;;[o:Sass::Script::Variable : @nameI" push:ET:@underscored_nameI" push;T: @lineiY: @options{0[o:Sass::Tree::PropNode ;[o; ;I"default-float;T;I"default_float;T; iY; @ : @valueo:Sass::Script::Funcall ;I" gridCalc;T: @args[o; ;I" push;T;I" push;T; iY; @ o; ;I"total-columns;T;I"total_columns;T; iY; @ :@keywords{: @splat0; iY; @ : @tabsi:@prop_syntax:new:@children[; iY; @ o; ;[o; ;I"default-opposite;T;I"default_opposite;T; iY; @ ; o:Sass::Script::String; I" auto;T: @type:identifier; @ ;i;;;[; iY; @ u;;[o:Sass::Script::Variable : @nameI" pull:ET:@underscored_nameI" pull;T: @lineiZ: @options{0[o:Sass::Tree::PropNode ;[o; ;I"default-opposite;T;I"default_opposite;T; iZ; @ : @valueo:Sass::Script::Funcall ;I" gridCalc;T: @args[o; ;I" pull;T;I" pull;T; iZ; @ o; ;I"total-columns;T;I"total_columns;T; iZ; @ :@keywords{: @splat0; iZ; @ : @tabsi:@prop_syntax:new:@children[; iZ; @ o; ;[o; ;I"default-float;T;I"default_float;T; iZ; @ ; o:Sass::Script::String; I" auto;T: @type:identifier; @ ;i;;;[; iZ; @ o; ;[I"D/* If centered, get rid of float and add appropriate margins */; T; ; ;[; i\; @ u;Š[o:Sass::Script::Variable : @nameI" center:ET:@underscored_nameI" center;T: @linei]: @options{0[o:Sass::Tree::PropNode ;[I"margin-left;T: @valueo:Sass::Script::String; I" auto;T: @type:identifier; @ : @tabsi:@prop_syntax:new:@children[; i^; @ o; ;[I"margin-right;T; o; ; I" auto;T;;; @ ;i;;;[; i_; @ o; ;[I" float;T; o; ; I"none !important;T;;; @ ;i;;;[; i`; @ u;ž[o:Sass::Script::Variable : @nameI" float:ET:@underscored_nameI" float;T: @lineic: @options{0[u:Sass::Tree::IfNode7[o:Sass::Script::Operation :@operand1o; ;o:Sass::Script::Variable : @nameI" float:ET:@underscored_nameI" float; T: @lineid: @options{:@operand2o:Sass::Script::String : @valueI" left; T: @type:identifier; id; @ :@operator:eq; id; @ ; o:Sass::Script::Bool;T; id; @ ;:or; id; @ u:Sass::Tree::IfNode_[o:Sass::Script::Operation :@operand1o:Sass::Script::Variable : @nameI" float:ET:@underscored_nameI" float; T: @lineie: @options{:@operand2o:Sass::Script::String : @valueI" right; T: @type:identifier; ie; @ :@operator:eq; ie; @ u:Sass::Tree::IfNodež[00[o:Sass::Tree::PropNode : @name[I" float:ET: @valueo:Sass::Script::String;I" none;T: @type:identifier: @options{: @tabsi:@prop_syntax:new:@children[: @lineif; @ [o:Sass::Tree::PropNode ;[I" float; T;o; ;I"default-opposite; T; I"default_opposite; T; ie; @ : @tabsi:@prop_syntax:new:@children[; ie; @ [o:Sass::Tree::PropNode ;[I" float; T;o; ;I"default-float; T; I"default_float; T; id; @ : @tabsi:@prop_syntax:new:@children[; id; @ ; i=; T; @ o; ;[I"/* Grid HTML Classes */; T; : normal;[; il; @ u;È[o:Sass::Script::Variable : @nameI"include-html-grid-classes:ET:@underscored_nameI"include_html_grid_classes;T: @lineim: @options{0[ o:Sass::Tree::RuleNode : @rule[I" .row;T: @tabsi:@parsed_ruleso:"Sass::Selector::CommaSequence: @members[o:Sass::Selector::Sequence;[o:#Sass::Selector::SimpleSequence ;[o:Sass::Selector::Class;[I"row;T; io:@filenameI";T: @subject0: @sourceso:Set: @hash{; io;@; io;@:@children[ o:Sass::Tree::MixinNode ;I" grid-row;T: @args[:@keywords{: @splat0;[; ip; @ o; ; [I".column, .columns;T; i;o;;[o;;[o; ;[o;;[I" column;T; is;I";T;0;o;;{; is;@,o;;[I" ;To; ;[o;;[I" columns;T; is;@,;0;o;;{; is;@,; is;@,;[o; ;I"grid-column;T;[;{I" columns;To; ;I"total-columns;T;I"total_columns;T; is; @ ;0;[; is; @ ; is:@has_childrenT; @ o; ; [I"&.collapse;T; i;o;;[o;;[o; ;[o:Sass::Selector::Parent; iu;I";To;;[I" collapse;T; iu;@M;0;o;;{; iu;@M; iu;@M;[o; ; [I".column, .columns;T; i;o;;[o;;[o; ;[o;;[I" column;T; iw;I";T;0;o;;{; iw;@`o;;[I" ;To; ;[o;;[I" columns;T; iw;@`;0;o;;{; iw;@`; iw;@`;[o; ;I"grid-column;T;[;{I" collapse;To:Sass::Script::Bool: @valueT; iw; @ ;0;[; iw; @ ; iw;T; @ ; iu;T; @ o; ; [I" .row;T; i;o;;[o;;[o; ;[o;;[I"row;T; iz;I";T;0;o;;{; iz;@|; iz;@|;[o; ;I" grid-row;T;[;{I" behavior;To:Sass::Script::String ;!I" nest;T: @type:identifier; iz; @ ;0;[; iz; @ o; ; [I"&.collapse;T; i;o;;[o;;[o; ;[o;; i{;I";To;;[I" collapse;T; i{;@’;0;o;;{; i{;@’; i{;@’;[o; ;I" grid-row;T;[;{I" behavior;To;" ;!I"nest-collapse;T;#;$; i{; @ ;0;[; i{; @ ; i{;T; @ ; iz;T; @ ; io;T; @ o:Sass::Tree::MediaNode : @query[I" only;TI" ;TI" screen;T; i;!I";T;[ o; ; [I"$.row .column, .row .columns;T; i;o;;[o;;[o; ;[o;;[I"row;T; i};I";T;0;o;;{; i};@Žo; ;[o;;[I" column;T; i};@Ž;0;o;;{; i};@Žo;;[I" ;To; ;[o;;[I"row;T; i};@Ž;0;o;;{; i};@Žo; ;[o;;[I" columns;T; i};@Ž;0;o;;{; i};@Ž; i};@Ž;[o; ;I"grid-column;T;[;{I" columns;To; ;!F; i}; @ ;0;[; i}; @ ; i};T; @ o:Sass::Tree::ForNode : @varI"i;T: @fromo:Sass::Script::Number ;!i:@numerator_units[:@denominator_units[; i:@originalI"1;F; @ :@too; ;I"total-columns;T;I"total_columns;T; i; @ :@exclusiveF;[o; ; [I".row .small;To:!Sass::Script::UnaryOperation : @operando; ;I"i;T;I"i;T; i€; @ :@operator: minus; i€; @ ; i;[o; ;I"grid-column;T;[;{I" columns;To; ;I"i;T;I"i;T; i€; @ I" collapse;To:Sass::Script::Null;!0; i€; @ I" float;To; ;!F; i€; @ ;0;[; i€; @ ; i€;T; @ ; i;T; @ o;' ;(I"i;T;)o;* ;!i;+[;,@Û; iƒ;-I"1;F; @ ;.o:Sass::Script::Operation :@operand1o; ;I"total-columns;T;I"total_columns;T; iƒ; @ :@operand2o;* ;!i;+[;,@Û; iƒ;-I"2;F; @ ;2;3; iƒ; @ ;/F;[o; ; [I".row .small-offset-;To; ;I"i;T;I"i;T; i„; @ ; i;[o; ;I"grid-column;T;[;{I" offset;To; ;I"i;T;I"i;T; i„; @ I" collapse;To;4;!0; i„; @ I" float;To; ;!F; i„; @ ;0;[; i„; @ ; i„;T; @ ; iƒ;T; @ o; ; [I"5[class*="column"] + [class*="column"]:last-child;T; i;o;;[o;;[o; ;[o:Sass::Selector::Attribute ;[I" class;T:@namespace0;2I"*=;T;![I" "column";T: @flags0; i‡;I";T;0;o;;{; i‡;@&I"+;To; ;[o;8 ;[I" class;T;90;2I"*=;T;![I" "column";T;:0; i‡;@&o:Sass::Selector::Pseudo :@syntactic_type: class;[I"last-child;T: @arg0; i‡;@&;0;o;;{; i‡;@&; i‡;@&;[o:Sass::Tree::PropNode ;[I" float;T;!o; ;I"default-opposite;T;I"default_opposite;T; i‡; @ ; i:@prop_syntax:new;[; i‡; @ ; i‡;T; @ o; ; [I".[class*="column"] + [class*="column"].end;T; i;o;;[o;;[o; ;[o;8 ;[I" class;T;90;2I"*=;T;![I" "column";T;:0; iˆ;I";T;0;o;;{; iˆ;@NI"+;To; ;[o;8 ;[I" class;T;90;2I"*=;T;![I" "column";T;:0; iˆ;@No;;[I"end;T; iˆ;@N;0;o;;{; iˆ;@N; iˆ;@N;[o;? ;[I" float;T;!o; ;I"default-float;T;I"default_float;T; iˆ; @ ; i;@;A;[; iˆ; @ ; iˆ;T; @ o; ; [I"8.column.small-centered, .columns.small-centered;T; i;o;;[o;;[o; ;[o;;[I" column;T; i‹;I";To;;[I"small-centered;T; i‹;@s;0;o;;{; i‹;@so;;[I" ;To; ;[o;;[I" columns;T; i‹;@so;;[I"small-centered;T; i‹;@s;0;o;;{; i‹;@s; i‹;@s;[o; ;I"grid-column;T;[;{I" center;To; ;!T; i‹; @ I" collapse;To;4;!0; i‹; @ I" float;To; ;!F; i‹; @ ;0;[; i‹; @ ; i‹;T; @ ; i;T; @ o:Sass::Tree::CommentNode ;![I"5/* Styles for screens that are atleast 768px; */;T;#: normal;[; iŽ; @ o;% ;&[o; ;I" small;T;I" small;T; i; @ ; i;!I";T;[ o;' ;(I"i;T;)o;* ;!i;+[;,@Û; i‘;-I"1;F; @ ;.o; ;I"total-columns;T;I"total_columns;T; i‘; @ ;/F;[o; ; [I".row .large;To;0 ;1o; ;I"i;T;I"i;T; i’; @ ;2;3; i’; @ ; i;[o; ;I"grid-column;T;[;{I" columns;To; ;I"i;T;I"i;T; i’; @ I" collapse;To;4;!0; i’; @ I" float;To; ;!F; i’; @ ;0;[; i’; @ ; i’;T; @ ; i‘;T; @ o;' ;(I"i;T;)o;* ;!i;+[;,@Û; i•;-I"1;F; @ ;.o;5 ;6o; ;I"total-columns;T;I"total_columns;T; i•; @ ;7o;* ;!i;+[;,@Û; i•;-I"2;F; @ ;2;3; i•; @ ;/F;[o; ; [I".row .large-offset-;To; ;I"i;T;I"i;T; i–; @ ; i;[o; ;I"grid-column;T;[;{I" offset;To; ;I"i;T;I"i;T; i–; @ I" collapse;To;4;!0; i–; @ I" float;To; ;!F; i–; @ ;0;[; i–; @ ; i–;T; @ ; i•;T; @ o;' ;(I"i;T;)o;* ;!i;+[;,@Û; i™;-I"2;F; @ ;.o;5 ;6o; ;I"total-columns;T;I"total_columns;T; i™; @ ;7o;* ;!i;+[;,@Û; i™;-I"2;F; @ ;2;3; i™; @ ;/F;[o; ; [I" .push;To;0 ;1o; ;I"i;T;I"i;T; iš; @ ;2;3; iš; @ ; i;[o; ;I"grid-column;T;[;{I" push;To; ;I"i;T;I"i;T; iš; @ I" collapse;To;4;!0; iš; @ I" float;To; ;!F; iš; @ ;0;[; iš; @ ; iš;T; @ o; ; [I" .pull;To;0 ;1o; ;I"i;T;I"i;T; i›; @ ;2;3; i›; @ ; i;[o; ;I"grid-column;T;[;{I" pull;To; ;I"i;T;I"i;T; i›; @ I" collapse;To;4;!0; i›; @ I" float;To; ;!F; i›; @ ;0;[; i›; @ ; i›;T; @ ; i™;T; @ o;' ;(I"i;T;)o;* ;!i;+[;,@Û; iž;-I"2;F; @ ;.o;5 ;6o; ;I"total-columns;T;I"total_columns;T; iž; @ ;7o;* ;!i;+[;,@Û; iž;-I"2;F; @ ;2;3; iž; @ ;/F;[o; ; [I".small-push;To;0 ;1o; ;I"i;T;I"i;T; iŸ; @ ;2;3; iŸ; @ ; i;[o;? ;[I" left;T;!o;";!I" inherit;T;#;$; @ ; i;@;A;[; iŸ; @ ; iŸ;T; @ o; ; [I".small-pull;To;0 ;1o; ;I"i;T;I"i;T; i ; @ ;2;3; i ; @ ; i;[o;? ;[I" right;T;!o;";!I" inherit;T;#;$; @ ; i;@;A;[; i ; @ ; i ;T; @ ; iž;T; @ o; ; [I"8.column.large-centered, .columns.large-centered;T; i;o;;[o;;[o; ;[o;;[I" column;T; i€;I";To;;[I"large-centered;T; i€;@H;0;o;;{; i€;@Ho;;[I" ;To; ;[o;;[I" columns;T; i€;@Ho;;[I"large-centered;T; i€;@H;0;o;;{; i€;@H; i€;@H;[o; ;I"grid-column;T;[;{I" center;To; ;!T; i€; @ I" collapse;To;4;!0; i€; @ I" float;To; ;!F; i€; @ ;0;[; i€; @ ; i€;T; @ ; i;T; @ :@templateI"ń// // Grid Variables // $row-width: emCalc(1000px) !default; $column-gutter: emCalc(30px) !default; $total-columns: 12 !default; // // Grid Mixins // // For creating container, nested, and collapsed rows. @mixin grid-row($behavior: false) { // use @include grid-row(nest); to include a nested row @if $behavior == nest { width: auto; margin-left: -($column-gutter/2); margin-right: -($column-gutter/2); margin-top: 0; margin-bottom: 0; max-width: none; } // use @include grid-row(collapse); to collapsed a container row margins @else if $behavior == collapse { width: 100%; margin: 0; max-width: $row-width; } // use @include grid-row(nest-collapse); to collapse outer margins on a nested row @else if $behavior == nest-collapse { width: auto; margin: 0; max-width: none; } // use @include grid-row; to use a container row @else { width: 100%; margin-left: auto; margin-right: auto; margin-top: 0; margin-bottom: 0; max-width: $row-width; } // Clearfix for all rows @include clearfix(); } // For creating columns - @include these inside a media query to control small vs. large grid layouts @mixin grid-column($columns:false, $last-column:false, $center:false, $offset:false, $push:false, $pull:false, $collapse:false, $float:left) { position: relative; // Gutter padding whenever a column isn't set to collapse @if $collapse == false { padding-left: $column-gutter / 2; padding-right: $column-gutter / 2; } // If a column number is given, calculate width @if $columns { width: gridCalc($columns, $total-columns); // If last column, float naturally instead of to the right @if $last-column { float: $default-opposite; } // if collapsed, get rid of gutter padding @else if $collapse { padding-left: 0; padding-right: 0; } } @if $collapse { padding-left: 0; padding-right: 0; } // If offset, calculate appropriate margins @if $offset { margin-#{$default-float}: gridCalc($offset, $total-columns); } // Source Ordering, adds left/right depending on which you use. @if $push { #{$default-float}: gridCalc($push, $total-columns); #{$default-opposite}: auto; } @if $pull { #{$default-opposite}: gridCalc($pull, $total-columns); #{$default-float}: auto; } // If centered, get rid of float and add appropriate margins @if $center { margin-left: auto; margin-right: auto; float: none !important; } @if $float { @if $float == left or true { float: $default-float; } @else if $float == right { float: $default-opposite; } @else { float: none; } } } /* Grid HTML Classes */ @if $include-html-grid-classes { .row { @include grid-row; .column, .columns { @include grid-column($columns:$total-columns); } &.collapse { .column, .columns { @include grid-column($collapse:true); } } .row { @include grid-row($behavior:nest); &.collapse { @include grid-row($behavior:nest-collapse); } } } @media only screen { .row .column, .row .columns { @include grid-column($columns:false); } @for $i from 1 through $total-columns { .row .small#{-$i} { @include grid-column($columns:$i,$collapse:null,$float:false); } } @for $i from 1 through $total-columns - 2 { .row .small-offset-#{$i} { @include grid-column($offset:$i, $collapse:null,$float:false); } } [class*="column"] + [class*="column"]:last-child { float: $default-opposite; } [class*="column"] + [class*="column"].end { float: $default-float; } .column.small-centered, .columns.small-centered { @include grid-column($center:true, $collapse:null, $float:false); } } /* Styles for screens that are atleast 768px; */ @media #{$small} { @for $i from 1 through $total-columns { .row .large#{-$i} { @include grid-column($columns:$i,$collapse:null,$float:false); } } @for $i from 1 through $total-columns - 2 { .row .large-offset-#{$i} { @include grid-column($offset:$i, $collapse:null,$float:false); } } @for $i from 2 through $total-columns - 2 { .push#{-$i} { @include grid-column($push:$i, $collapse:null, $float:false); } .pull#{-$i} { @include grid-column($pull:$i, $collapse:null, $float:false); } } @for $i from 2 through $total-columns - 2 { .small-push#{-$i} { left: inherit; } .small-pull#{-$i} { right: inherit; } } .column.large-centered, .columns.large-centered { @include grid-column($center:true, $collapse:null, $float:false); } } }; T; i; T; @