{: versionI"3.2.12 (Media Mark):EF:shaI"-101dd6aa1b8fa803f16796b13e0b4dff70381e30;F: contents"qbo:Sass::Tree::RootNode :@children[o:Sass::Tree::CommentNode : @value[I"/* * Grid Variables * */:ET: @type: silent;[: @linei: @options{o:Sass::Tree::VariableNode : @nameI"include-html-grid-classes; T: @expro:Sass::Script::Variable ;I"include-html-classes; T:@underscored_nameI"include_html_classes; T; @ ; i : @guardedI" !default; T;[; i ; @ o; ;I"row-width; T;o:Sass::Script::Funcall ;I" em-calc; T: @args[o:Sass::Script::Number ;ič:@numerator_units[:@denominator_units[; i :@originalI" 1000; F; @ :@keywords{: @splat0; i ; @ ;I" !default; T;[; i ; @ o; ;I"column-gutter; T;o; ;I" em-calc; T;[o; ;i#;[;@; i ;I"30; 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 Function * */; T; ; ;[; i; @ o:Sass::Tree::FunctionNode ;I" gridCalc; T;[[o;;I"colNumber; T;I"colNumber; T; @ 0[o;;I"totalColumns; T;I"totalColumns; T; @ 0;0;[o:Sass::Tree::ReturnNode ;o; ;I"percentage; T;[o:Sass::Script::Operation :@operand1o; ;I"colNumber; T;I"colNumber; T; @ ; i:@operand2o; ;I"totalColumns; T;I"totalColumns; T; @ ; i:@operator:div; i; @ ;{;0; i; @ ;[; i; @ ; i:@has_childrenT; @ 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;;I" behavior; T;I" 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: @options{: @linei:@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: @options{: @linei):@operand2o:Sass::Script::String : @valueI" collapse; 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: @options{: @linei0:@operand2o:Sass::Script::String : @valueI"nest-collapse; T: @type:identifier; i0; @ :@operator:eq; i0; @ 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[: @linei8; @ o; ;[I" margin-;To:Sass::Script::Variable ;I"default-float;T:@underscored_nameI"default_float;T; @ ;i9;o; ;I" auto;T; ; ; @ ; i;;;[;i9; @ o; ;[I" margin-;To; ;I"opposite-direction;T;I"opposite_direction;T; @ ;i:;o; ;I" auto;T; ; ; @ ; 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"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[; i1; @ o; ;[I" margin; T;o;;I"0; T;;; @ ;i;;;[; i2; @ o; ;[I"max-width; T;o;;I" none; T;;; @ ;i;;;[; i3; @ [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-; To; ;I"default-float; T; I"default_float; T; @ ; i!;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-; To; ;I"opposite-direction; T; I"opposite_direction; T; @ ; i";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; ; ;[; i@; @ o:Sass::Tree::MixinNode ;I" clearfix; T;[;{;0;[; iA; @ ; i;#T; @ o; ;[I"m/* For creating columns - @include these inside a media query to control small vs. large grid layouts */; T; ; ;[; iF; @ o;$ ;I"grid-column; T;[ [o;;I" columns; T;I" columns; T; @ o;%;F; iG; @ [o;;I"last-column; T;I"last_column; T; @ o;%;F; iG; @ [o;;I" center; T;I" center; T; @ o;%;F; iG; @ [o;;I" offset; T;I" offset; T; @ o;%;F; iG; @ [o;;I" push; T;I" push; T; @ o;%;F; iG; @ [o;;I" pull; T;I" pull; T; @ o;%;F; iG; @ [o;;I" collapse; T;I" collapse; T; @ o;%;F; iG; @ [o;;I" float; T;I" float; T; @ o;%;T; iG; @ ;0;[o:Sass::Tree::PropNode ;[I" position; T;o:Sass::Script::String;I" relative; T; :identifier; @ : @tabsi:@prop_syntax:new;[; iI; @ o; ;[I"2/* If collapsed, get rid of gutter padding */; T; ; ;[; iK; @ u;&˙[o:Sass::Script::Variable : @nameI" collapse:ET:@underscored_nameI" collapse;T: @options{: @lineiLu:Sass::Tree::IfNode[o:Sass::Script::Operation :@operand1o:Sass::Script::Variable : @nameI" collapse:ET:@underscored_nameI" collapse; T: @options{: @lineiS:@operand2o:Sass::Script::Bool: @valueF; iS; @ :@operator:eq; iS; @ 0[o:Sass::Tree::PropNode ;[I"padding-left; T;o; ;o; ;I"column-gutter; T; I"column_gutter; T; @ ; iT; o:Sass::Script::Number ;i:@numerator_units[:@denominator_units[; iT:@originalI"2; F; @ ;:div; iT; @ : @tabsi:@prop_syntax:new:@children[; iT; @ o; ;[I"padding-right; T;o; ;o; ;I"column-gutter; T; I"column_gutter; T; @ ; iU; o; ;i;[;@; iU;I"2; F; @ ;;; iU; @ ;i;;;[; iU; @ [o:Sass::Tree::PropNode ;[I"padding-left;T: @valueo:Sass::Script::String; I"0;T: @type:identifier; @ : @tabsi:@prop_syntax:new:@children[; iM; @ o; ;[I"padding-right;T; o;; I"0;T;;; @ ;i;;;[; iN; @ o; ;[I"7/* If a column number is given, calculate width */; T; ; ;[; iX; @ u;&1[o:Sass::Script::Variable : @nameI" columns:ET:@underscored_nameI" columns;T: @options{: @lineiY0[o:Sass::Tree::PropNode ;[I" width;T: @valueo:Sass::Script::Funcall ;I" gridCalc;T: @args[o; ;I" columns;T;I" columns;T; @ ; iZo; ;I"total-columns;T;I"total_columns;T; @ ; iZ:@keywords{: @splat0; iZ; @ : @tabsi:@prop_syntax:new:@children[; iZ; @ o:Sass::Tree::CommentNode ; [I"B/* If last column, float naturally instead of to the right */;T: @type: silent;[; i\; @ u:Sass::Tree::IfNode[o:Sass::Script::Variable : @nameI"last-column:ET:@underscored_nameI"last_column;T: @options{: @linei]0[o:Sass::Tree::PropNode ;[I" float;T: @valueo; ;I"opposite-direction;T;I"opposite_direction;T; @ ; i]: @tabsi:@prop_syntax:new:@children[; i]; @ o; ;[I"3/* If offset, calculate appropriate margins */; T; ; ;[; i`; @ u;&š[o:Sass::Script::Variable : @nameI" offset:ET:@underscored_nameI" offset;T: @options{: @lineia0[o:Sass::Tree::PropNode ;[I" margin-;To; ;I"default-float;T;I"default_float;T; @ ; ia: @valueo:Sass::Script::Funcall ;I" gridCalc;T: @args[o; ;I" offset;T;I" offset;T; @ ; iao; ;I"total-columns;T;I"total_columns;T; @ ; ia:@keywords{: @splat0; ia; @ : @tabsi:@prop_syntax:new:@children[; ia; @ o; ;[I"G/* Source Ordering, adds left/right depending on which you use. */; T; ; ;[; ic; @ u;&?[o:Sass::Script::Variable : @nameI" push:ET:@underscored_nameI" push;T: @options{: @lineid0[o:Sass::Tree::PropNode ;[o; ;I"default-float;T;I"default_float;T; @ ; id: @valueo:Sass::Script::Funcall ;I" gridCalc;T: @args[o; ;I" push;T;I" push;T; @ ; ido; ;I"total-columns;T;I"total_columns;T; @ ; id:@keywords{: @splat0; id; @ : @tabsi:@prop_syntax:new:@children[; id; @ o; ;[o; ;I"opposite-direction;T;I"opposite_direction;T; @ ; id; o:Sass::Script::String; I" auto;T: @type:identifier; @ ;i;;;[; id; @ u;&?[o:Sass::Script::Variable : @nameI" pull:ET:@underscored_nameI" pull;T: @options{: @lineie0[o:Sass::Tree::PropNode ;[o; ;I"opposite-direction;T;I"opposite_direction;T; @ ; ie: @valueo:Sass::Script::Funcall ;I" gridCalc;T: @args[o; ;I" pull;T;I" pull;T; @ ; ieo; ;I"total-columns;T;I"total_columns;T; @ ; ie:@keywords{: @splat0; ie; @ : @tabsi:@prop_syntax:new:@children[; ie; @ o; ;[o; ;I"default-float;T;I"default_float;T; @ ; ie; o:Sass::Script::String; I" auto;T: @type:identifier; @ ;i;;;[; ie; @ o; ;[I"D/* If centered, get rid of float and add appropriate margins */; T; ; ;[; ig; @ u;&[o:Sass::Script::Variable : @nameI" center:ET:@underscored_nameI" center;T: @options{: @lineih0[o:Sass::Tree::PropNode ;[I" margin-;To; ;I"default-float;T;I"default_float;T; @ ; ii: @valueo:Sass::Script::String; I" auto;T: @type:identifier; @ : @tabsi:@prop_syntax:new:@children[; ii; @ o; ;[I" margin-;To; ;I"opposite-direction;T;I"opposite_direction;T; @ ; ij; o; ; I" auto;T;;; @ ;i;;;[; ij; @ o; ;[I" float;T; o; ; I"none !important;T;;; @ ;i;;;[; ik; @ u;&ø[o:Sass::Script::Variable : @nameI" float:ET:@underscored_nameI" float;T: @options{: @linein0[u:Sass::Tree::IfNodew[o:Sass::Script::Operation :@operand1o; ;o:Sass::Script::Variable : @nameI" float:ET:@underscored_nameI" float; T: @options{: @lineio:@operand2o:Sass::Script::String : @valueI" left; T: @type:identifier; io; @ :@operator:eq; io; @ ; o; ;o; ;I" float; T; I" float; T; @ ; io; o:Sass::Script::Bool;T; io; @ ;;; io; @ ;:or; io; @ u:Sass::Tree::IfNodec[o:Sass::Script::Operation :@operand1o:Sass::Script::Variable : @nameI" float:ET:@underscored_nameI" float; T: @options{: @lineip:@operand2o:Sass::Script::String : @valueI" right; T: @type:identifier; ip; @ :@operator:eq; ip; @ 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[: @lineiq; @ [o:Sass::Tree::PropNode ;[I" float; T;o; ;I"opposite-direction; T; I"opposite_direction; T; @ ; ip: @tabsi:@prop_syntax:new:@children[; ip; @ [o:Sass::Tree::PropNode ;[I" float; T;o; ;I"default-float; T; I"default_float; T; @ ; io: @tabsi:@prop_syntax:new:@children[; io; @ ; iG;#T; @ u;&D"[o:Sass::Script::Operation :@operand1o:Sass::Script::Variable : @nameI"include-html-grid-classes:ET:@underscored_nameI"include_html_grid_classes; T: @options{: @lineiw:@operand2o:Sass::Script::Bool: @valueF; iw; @ :@operator:neq; iw; @ 0[ o:Sass::Tree::CommentNode ;[I"/* Grid HTML Classes */; T: @type: normal:@children[; ix; @ 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; iy:@filenameI"; T: @subject0: @sourceso:Set: @hash{; iy;@; iy;@;[o:Sass::Tree::MixinNode ;I" grid-row; T: @args[:@keywords{: @splat0;[; iz; @ o; ;[I"&.collapse; T;i;o;;[o;;[o; ;[o:Sass::Selector::Parent; i|;I"; To;;[I" collapse; T; i|;@0; 0;!o;";#{; i|;@0; i|;@0;[o; ;[I"!> .column, > .columns; T;i;o;;[o;;[I">; To; ;[o;;[I" column; T; i~;I"; T; 0;!o;";#{; i~;@Do;;[I" ; TI">; To; ;[o;;[I" columns; T; i~;@D; 0;!o;";#{; i~;@D; i~;@D;[o;$ ;I"grid-column; T;%[;&{I" collapse; To;;T; i~; @ ;'0;[; i~; @ ; i~:@has_childrenT; @ o; ;[I" .row; T;i;o;;[o;;[o; ;[o;;[I"row; T; i{;I"; T; 0;!o;";#{; i{;@f; i{;@f;[o:Sass::Tree::PropNode ;[I"margin-left; T;o:Sass::Script::String;I"0; T;:identifier; @ ;i:@prop_syntax:new;[; i{; @ o;* ;[I"margin-right; T;o;+;I"0; T;;,; @ ;i;-;.;[; i{; @ ; i{;)T; @ ; i|;)T; @ o; ;[I" .row; T;i;o;;[o;;[o; ;[o;;[I"row; T; i~;I"; T; 0;!o;";#{; i~;@}; i~;@};[o;$ ;I" grid-row; T;%[;&{I" behavior; To;+ ;I" nest; T;;,; i~; @ ;'0;[; i~; @ 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; @ ; i~;)T; @ ; iy;)T; @ o; ;[I".column, .columns; T;i;o;;[o;;[o; ;[o;;[I" column; T; i„;I"; T; 0;!o;";#{; i„;@Žo;;[I" ; To; ;[o;;[I" columns; T; i„;@Ž; 0;!o;";#{; i„;@Ž; i„;@Ž;[o;$ ;I"grid-column; T;%[;&{I" columns; To; ;I"total-columns; T; I"total_columns; T; @ ; i„;'0;[; i„; @ ; i„;)T; @ o:Sass::Tree::MediaNode : @query[I" only; TI" ; TI" screen; T;i;I"; T;[ o; ;[I".column, .columns; T;i;o;;[o;;[o; ;[o;;[I" column; T; i‰;I"; T; 0;!o;";#{; i‰;@Øo;;[I" ; To; ;[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" .small; To:!Sass::Script::UnaryOperation : @operando; ;I"i; T; I"i; T; @ ; iŒ;: 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;1 ;2I"i; T;3o;4 ;i;5[;6@ņ; i;7I"0; F; @ ;8o; ;o; ;I"total-columns; T; I"total_columns; T; @ ; i; o;4 ;i;5[;6@ņ; i;7I"2; F; @ ;;<; i; @ ;9F;[o; ;[I".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;=;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;I"*=; T;[I" "column"; T: @flags0; i“;I"; T; 0;!o;";#{; i“;@<I"+; To; ;[o;> ;[I" class; T;?0;I"*=; T;[I" "column"; T;@0; i“;@<o:Sass::Selector::Pseudo :@syntactic_type: class;[I"last-child; T: @arg0; i“;@<; 0;!o;";#{; i“;@<; i“;@<;[o;* ;[I" float; T;o; ;I"opposite-direction; T; I"opposite_direction; T; @ ; i“;i;-;.;[; i“; @ ; i“;)T; @ o; ;[I".[class*="column"] + [class*="column"].end; T;i;o;;[o;;[o; ;[o;> ;[I" class; T;?0;I"*=; T;[I" "column"; T;@0; i”;I"; T; 0;!o;";#{; i”;@dI"+; To; ;[o;> ;[I" class; T;?0;I"*=; T;[I" "column"; T;@0; i”;@do;;[I"end; T; i”;@d; 0;!o;";#{; i”;@d; i”;@d;[o;* ;[I" float; T;o; ;I"default-float; T; I"default_float; T; @ ; i”;i;-;.;[; 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—;@‰; 0;!o;";#{; i—;@‰o;;[I" ; To; ;[o;;[I" columns; T; i—;@‰o;;[I"small-centered; T; i—;@‰; 0;!o;";#{; i—;@‰; i—;@‰;[o;$ ;I"grid-column; T;%[;&{I" center; To;;T; i—; @ I" collapse; To;=;0; i—; @ I" float; To;;F; i—; @ ;'0;[; i—; @ ; i—;)T; @ ; i†;)T; @ o; ;[I"5/* Styles for screens that are atleast 768px; */; T;;;[; iš; @ o;/ ;0[o; ;I" small; T; I" small; T; @ ; i›;i;I"; T;[ o;1 ;2I"i; T;3o;4 ;i;5[;6@ņ; i;7I"1; F; @ ;8o; ;I"total-columns; T; I"total_columns; T; @ ; i;9F;[o; ;[I" .large; To;: ;;o; ;I"i; T; I"i; T; @ ; iž;;<; iž; @ ;i;[o;$ ;I"grid-column; T;%[;&{I" columns; To; ;I"i; T; I"i; T; @ ; ižI" collapse; To;=;0; iž; @ I" float; To;;F; iž; @ ;'0;[; iž; @ ; iž;)T; @ ; i;)T; @ o;1 ;2I"i; T;3o;4 ;i;5[;6@ņ; iĄ;7I"0; F; @ ;8o; ;o; ;I"total-columns; T; I"total_columns; T; @ ; iĄ; o;4 ;i;5[;6@ņ; iĄ;7I"1; F; @ ;;<; iĄ; @ ;9F;[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;=;0; iĸ; @ I" float; To;;F; iĸ; @ ;'0;[; iĸ; @ ; iĸ;)T; @ ; iĄ;)T; @ o;1 ;2I"i; T;3o;4 ;i;5[;6@ņ; iĨ;7I"1; F; @ ;8o; ;o; ;I"total-columns; T; I"total_columns; T; @ ; iĨ; o;4 ;i;5[;6@ņ; iĨ;7I"1; F; @ ;;<; iĨ; @ ;9F;[o; ;[I" .push; To;: ;;o; ;I"i; T; I"i; T; @ ; iĻ;;<; iĻ; @ ;i;[o;$ ;I"grid-column; T;%[;&{I" push; To; ;I"i; T; I"i; T; @ ; iĻI" collapse; To;=;0; iĻ; @ I" float; To;;F; iĻ; @ ;'0;[; iĻ; @ ; iĻ;)T; @ o; ;[I" .pull; To;: ;;o; ;I"i; T; I"i; T; @ ; i§;;<; i§; @ ;i;[o;$ ;I"grid-column; T;%[;&{I" pull; To; ;I"i; T; I"i; T; @ ; i§I" collapse; To;=;0; i§; @ I" float; To;;F; i§; @ ;'0;[; 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Ģ;@5; 0;!o;";#{; iĢ;@5o;;[I" ; To; ;[o;;[I" columns; T; iĢ;@5o;;[I"large-centered; T; iĢ;@5; 0;!o;";#{; iĢ;@5; iĢ;@5;[o;$ ;I"grid-column; T;%[;&{I" center; To;;T; iĢ; @ I" collapse; To;=;0; iĢ; @ I" float; To;;F; iĢ; @ ;'0;[; iĢ; @ ; iĢ;)T; @ o; ;[I"<.column.large-uncentered, .columns.large-uncentered; T;i;o;;[o;;[o; ;[o;;[I" column; T; iŽ;I"; To;;[I"large-uncentered; T; iŽ;@`; 0;!o;";#{; iŽ;@`o;;[I" ; To; ;[o;;[I" columns; T; iŽ;@`o;;[I"large-uncentered; T; iŽ;@`; 0;!o;";#{; iŽ;@`; iŽ;@`;[o;* ;[I" margin-; To; ;I"default-float; T; I"default_float; T; @ ; i¯;o;+;I"0; T;;,; @ ;i;-;.;[; i¯; @ o;* ;[I" margin-; To; ;I"opposite-direction; T; I"opposite_direction; T; @ ; i°;o;+;I"0; T;;,; @ ;i;-;.;[; i°; @ o;* ;[I" float; T;o:Sass::Script::List ;[o; ;I"default-float; T; I"default_float; T; @ ; iąo;+ ;I"!important; T;;,; ią; @ :@separator: space; ią; @ ;i;-;.;[; ią; @ ; iŽ;)T; @ o; ;[I"N.column.large-uncentered.opposite, .columns.large-uncentered.opposite; T;i;o;;[o;;[o; ;[o;;[I" column; T; iĩ;I"; To;;[I"large-uncentered; T; iĩ;@o;;[I" opposite; T; iĩ;@; 0;!o;";#{; iĩ;@o;;[I" ; To; ;[o;;[I" columns; T; iĩ;@o;;[I"large-uncentered; T; iĩ;@o;;[I" opposite; T; iĩ;@; 0;!o;";#{; iĩ;@; iĩ;@;[o;* ;[I" float; T;o;E ;[o; ;I"opposite-direction; T; I"opposite_direction; T; @ ; iļo;+ ;I"!important; T;;,; iļ; @ ;F;G; iļ; @ ;i;-;.;[; iļ; @ ; iĩ;)T; @ ; i›;)T; @ :@templateI"Ū// // Grid Variables // $include-html-grid-classes: $include-html-classes !default; $row-width: em-calc(1000) !default; $column-gutter: em-calc(30) !default; $total-columns: 12 !default; // // Grid Function // @function gridCalc($colNumber, $totalColumns) { @return percentage(($colNumber / $totalColumns)); } // // 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-#{$default-float}: -($column-gutter/2); margin-#{$opposite-direction}: -($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-#{$default-float}: auto; margin-#{$opposite-direction}: 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:true) { position: relative; // If collapsed, get rid of gutter padding @if $collapse { padding-left: 0; padding-right: 0; } // Gutter padding whenever a column isn't set to collapse // (use $collapse:null to do nothing) @else 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: $opposite-direction; } } // 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); #{$opposite-direction}: auto; } @if $pull { #{$opposite-direction}: gridCalc($pull, $total-columns); #{$default-float}: auto; } // If centered, get rid of float and add appropriate margins @if $center { margin-#{$default-float}: auto; margin-#{$opposite-direction}: auto; float: none !important; } @if $float { @if $float == left or $float == true { float: $default-float; } @else if $float == right { float: $opposite-direction; } @else { float: none; } } } @if $include-html-grid-classes != false { /* Grid HTML Classes */ .row { @include grid-row; &.collapse { > .column, > .columns { @include grid-column($collapse:true); } .row {margin-left:0; margin-right:0;} } .row { @include grid-row($behavior:nest); &.collapse { @include grid-row($behavior:nest-collapse); } } } .column, .columns { @include grid-column($columns:$total-columns); } @media only screen { .column, .columns { @include grid-column($columns:false); } @for $i from 1 through $total-columns { .small#{-$i} { @include grid-column($columns:$i,$collapse:null,$float:false); } } @for $i from 0 through $total-columns - 2 { .small-offset-#{$i} { @include grid-column($offset:$i, $collapse:null,$float:false); } } [class*="column"] + [class*="column"]:last-child { float: $opposite-direction; } [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 { .large#{-$i} { @include grid-column($columns:$i,$collapse:null,$float:false); } } @for $i from 0 through $total-columns - 1 { .row .large-offset-#{$i} { @include grid-column($offset:$i, $collapse:null,$float:false); } } @for $i from 1 through $total-columns - 1 { .push#{-$i} { @include grid-column($push:$i, $collapse:null, $float:false); } .pull#{-$i} { @include grid-column($pull:$i, $collapse:null, $float:false); } } .column.large-centered, .columns.large-centered { @include grid-column($center:true, $collapse:null, $float:false); } .column.large-uncentered, .columns.large-uncentered { margin-#{$default-float}: 0; margin-#{$opposite-direction}: 0; float: $default-float !important; } .column.large-uncentered.opposite, .columns.large-uncentered.opposite { float: $opposite-direction !important; } } } ; T; i;#T; @