{: versionI"3.2.19 (Media Mark):EF:shaI"-5303c44b2cb07108293dacf18f52d18c94faa00b;F: contents"ßjo:Sass::Tree::RootNode :@children[-o:Sass::Tree::ImportNode :@imported_filenameI"compass/css3/images:ET;[:@template0: @linei: @options{:@imported_file0o; ;I"!compass/css3/background-size; T;[; 0; i; @ ; 0o:Sass::Tree::CommentNode : @value[I"(/* Set the color of your columns */; T: @type: silent;[; i ; @ o:Sass::Tree::VariableNode : @nameI"!grid-background-column-color; T: @expro:Sass::Script::Funcall ;I" rgba; T: @args[ o:Sass::Script::Number ;ii:@numerator_units[:@denominator_units[; i :@originalI"100; F; @ o; ;ii;[;@; i ;I"100; F; @ o; ;iá;[;@; i ;I"225; F; @ o; ;f 0.25;[;@; i ;I" 0.25; F; @ :@keywords{: @splat0; i ; @ : @guardedI" !default; T;[; i ; @ o; ;[I"(/* Set the color of your gutters */; T;;;[; i ; @ o; ;I"!grid-background-gutter-color; T;o; ;I" rgba; T;[ o; ;i;[;@; i ;I"0; F; @ o; ;i;[;@; i ;I"0; F; @ o; ;i;[;@; i ;I"0; F; @ o; ;i;[;@; i ;I"0; F; @ ;{;0; i ; @ ;I" !default; T;[; i ; @ o; ;[I"7/* Set the total number of columns in your grid */; T;;;[; i; @ o; ;I""grid-background-total-columns; T;o; ;i;[;@; i;I"24; F; @ ;I" !default; T;[; i; @ o; ;[I"(/* Set the width of your columns */; T;;;[; i; @ o; ;I"!grid-background-column-width; T;o; ;i#;[I"px; T;[; i;I" 30px; F; @ ;I" !default; T;[; i; @ o; ;[I"(/* Set the width of your gutters */; T;;;[; i; @ o; ;I"!grid-background-gutter-width; T;o; ;i;[I"px; T;[; i;I" 10px; F; @ ;I" !default; T;[; i; @ o; ;[I"P/* Set the offset, if your columns are padded in from the container edge */; T;;;[; i; @ o; ;I"grid-background-offset; T;o; ;i;[I"px; T;[; i;I"0px; F; @ ;I" !default; T;[; i; @ o; ;[I")/* Set the color of your baseline */; T;;;[; i; @ o; ;I"#grid-background-baseline-color; T;o; ;I" rgba; T;[ o; ;i;[;@; i;I"0; F; @ o; ;i;[;@; i;I"0; F; @ o; ;i;[;@; i;I"0; F; @ o; ;f0.5;[;@; i;I"0.5; F; @ ;{;0; i; @ ;I" !default; T;[; i; @ o; ;[I"//* Set the height of your baseline grid */; T;;;[; i; @ o; ;I"$grid-background-baseline-height; T;o; ;f1.5;[I"em; T;[; i;I" 1.5em; F; @ ;I" !default; T;[; i; @ o; ;[I"//* toggle your columns grids on and off */; T;;;[; i; @ o; ;I"!show-column-grid-backgrounds; T;o:Sass::Script::Bool;T; i; @ ;I" !default; T;[; i; @ o; ;[I"0/* toggle your vertical grids on and off */; T;;;[; i; @ o; ;I"#show-baseline-grid-backgrounds; T;o;;T; i; @ ;I" !default; T;[; i; @ o; ;[I"+/* toggle all your grids on and off */; T;;;[; i ; @ o; ;I"show-grid-backgrounds; T;o;;T; i!; @ ;I" !default; T;[; i!; @ o; ;[I"s/* optionally force your grid-image to remain fluid * no matter what units you used to declared your grid. */; T;;;[; i#; @ o; ;I" grid-background-force-fluid; T;o;;F; i%; @ ;I" !default; T;[; i%; @ o; ;[I"8/* Create the gradient needed for baseline grids */; T;;;[; i(; @ o:Sass::Tree::FunctionNode ;I"get-baseline-gradient; T;[[o:Sass::Script::Variable;I" color; T:@underscored_nameI" color; T; @ o; ;I"#grid-background-baseline-color; T;!I"#grid_background_baseline_color; T; @ ; i*;0;[o; ;I" gradient; T;o; ;I"linear-gradient; T;[o:Sass::Script::String ;I" bottom; T;:identifier; i,; @ o:Sass::Script::List ;[o; ;I" color; T;!I" color; T; @ ; i,o; ;i ;[I"%; T;[; i,;I"5%; F; @ :@separator: space; i,; @ o;$ ;[o; ;I" rgba; T;[o; ;I" color; T;!I" color; T; @ ; i,o; ;i;[;@; i,;I"0; F; @ ;{;0; i,; @ o; ;i ;[I"%; T;[; i,;I"5%; F; @ ;%;&; i,; @ ;{;0; i,; @ ;0;[; i,; @ o:Sass::Tree::ReturnNode ;o; ;I" gradient; T;!I" gradient; T; @ ; i-;[; i-; @ ; i+:@has_childrenT; @ o; ;[I"=/* Create the color-stops needed for horizontal grids */; T;;;[; i0; @ o; ;I"build-grid-background; T;[ [o; ;I" total; T;!I" total; T; @ o; ;I""grid-background-total-columns; T;!I""grid_background_total_columns; T; @ ; i2[o; ;I" column; T;!I" column; T; @ o; ;I"!grid-background-column-width; T;!I"!grid_background_column_width; T; @ ; i3[o; ;I" gutter; T;!I" gutter; T; @ o; ;I"!grid-background-gutter-width; T;!I"!grid_background_gutter_width; T; @ ; i4[o; ;I" offset; T;!I" offset; T; @ o; ;I"grid-background-offset; T;!I"grid_background_offset; T; @ ; i5[o; ;I"column-color; T;!I"column_color; T; @ o; ;I"!grid-background-column-color; T;!I"!grid_background_column_color; T; @ ; i6[o; ;I"gutter-color; T;!I"gutter_color; T; @ o; ;I"!grid-background-gutter-color; T;!I"!grid_background_gutter_color; T; @ ; i7;0;[ o; ;I" grid; T;o; ;I" compact; T;[;{;0; i9; @ ;0;[; i9; @ o; ;I" grid; T;o; ;I" append; T;[o; ;I" grid; T;!I" grid; T; @ ; i:o;$ ;[o; ;I"gutter-color; T;!I"gutter_color; T; @ ; i:o; ;I" offset; T;!I" offset; T; @ ; i:;%;&; i:; @ o;" ;I" comma; T;;#; i:; @ ;{;0; i:; @ ;0;[; i:; @ o:Sass::Tree::ForNode : @varI"i; T: @fromo; ;i;[;@; i;;I"0; F; @ :@too; ;I" total; T;!I" total; T; @ ; i;:@exclusiveT;[o; ;[I"P/* $a represents the start of this column, initially equal to the offset */; T;;;[; i=; @ o; ;I"a; T;o; ;I" offset; T;!I" offset; T; @ ; i>;0;[; i>; @ u:Sass::Tree::IfNode6[o:Sass::Script::Operation :@operand1o:Sass::Script::Variable : @nameI"i:ET:@underscored_nameI"i; T: @options{: @linei?:@operand2o:Sass::Script::Number : @valuei:@numerator_units[:@denominator_units[; i?:@originalI"0; F; @ :@operator:gt; i?; @ 0[o:Sass::Tree::VariableNode ;I"a; T: @expro; ;o; ;I"a; T; I"a; T; @ ; i?; o; ;o; ;o; ;I" column; T; I" column; T; @ ; i?; o; ;I" gutter; T; I" gutter; T; @ ; i?;: plus; i?; @ ; o; ;I"i; T; I"i; T; @ ; i?;: times; i?; @ ;;; i?; @ : @guarded0:@children[; i?; @ o; ;[I"T/* $g represents the start of this gutter, equal to $a plus one column-width */; T;;;[; iA; @ o; ;I"g; T;o:Sass::Script::Operation :@operand1o; ;I"a; T;!I"a; T; @ ; iB:@operand2o; ;I" column; T;!I" column; T; @ ; iB:@operator: plus; iB; @ ;0;[; iB; @ o; ;[I"O/* $z represents the end of a gutter, equal to $g plus one gutter-width */; T;;;[; iD; @ o; ;I"z; T;o;/ ;0o; ;I"g; T;!I"g; T; @ ; iE;1o; ;I" gutter; T;!I" gutter; T; @ ; iE;2;3; iE; @ ;0;[; iE; @ u;.œ[o:Sass::Script::Operation :@operand1o; ;o:Sass::Script::Funcall : @nameI" unit:ET: @args[o:Sass::Script::Variable ;I"a; T:@underscored_nameI"a; T: @options{: @lineiG:@keywords{: @splat0;iG; @:@operand2o:Sass::Script::String : @valueI"%; T: @type: string;iG; @:@operator:eq;iG; @;o; ;o; ;I"i; T; I"i; T; @;iG;o; ;o; ;I" total; T; I" total; T; @;iG;o:Sass::Script::Number ;i:@numerator_units[:@denominator_units[;iG:@originalI"1; F; @;: minus;iG; @;;;iG; @;:and;iG; @0[o:Sass::Tree::VariableNode ;I"z; T: @expro; ;ii;[I"%; T;[;iH;I" 100%; F; @: @guarded0:@children[;iH; @o; ;[I"9/* and we add this column/gutter pair to our grid */; T;;;[; iK; @ o; ;I" grid; T;o; ;I" join; T;[o; ;I" grid; T;!I" grid; T; @ ; iLo;$ ;[ o;$ ;[o; ;I"column-color; T;!I"column_color; T; @ ; iLo; ;I"a; T;!I"a; T; @ ; iL;%;&; iL; @ o;$ ;[o; ;I"column-color; T;!I"column_color; T; @ ; iLo; ;I"g; T;!I"g; T; @ ; iL;%;&; iL; @ o;$ ;[o; ;I"gutter-color; T;!I"gutter_color; T; @ ; iLo; ;I"g; T;!I"g; T; @ ; iL;%;&; iL; @ o;$ ;[o; ;I"gutter-color; T;!I"gutter_color; T; @ ; iLo; ;I"z; T;!I"z; T; @ ; iL;%;&; iL; @ ;%: comma; iL; @ ;{;0; iL; @ ;0;[; iL; @ ; i;;(T; @ o;' ;o; ;I" grid; T;!I" grid; T; @ ; iO;[; iO; @ ; i8;(T; @ o; ;[I":/* Return the gradient needed for horizontal grids */; T;;;[; iR; @ o; ;I"get-column-gradient; T;[ [o; ;I" total; T;!I" total; T; @ o; ;I""grid-background-total-columns; T;!I""grid_background_total_columns; T; @ ; iT[o; ;I" column; T;!I" column; T; @ o; ;I"!grid-background-column-width; T;!I"!grid_background_column_width; T; @ ; iU[o; ;I" gutter; T;!I" gutter; T; @ o; ;I"!grid-background-gutter-width; T;!I"!grid_background_gutter_width; T; @ ; iV[o; ;I" offset; T;!I" offset; T; @ o; ;I"grid-background-offset; T;!I"grid_background_offset; T; @ ; iW[o; ;I"column-color; T;!I"column_color; T; @ o; ;I"!grid-background-column-color; T;!I"!grid_background_column_color; T; @ ; iX[o; ;I"gutter-color; T;!I"gutter_color; T; @ o; ;I"!grid-background-gutter-color; T;!I"!grid_background_gutter_color; T; @ ; iY[o; ;I"force-fluid; T;!I"force_fluid; T; @ o; ;I" grid-background-force-fluid; T;!I" grid_background_force_fluid; T; @ ; iZ;0;[ o; ;I" grid; T;o; ;I" unquote; T;[o;" ;I"; T;: string; i\; @ ;{;0; i\; @ ;0;[; i\; @ o; ;[I"?/* don't force fluid grids when they are already fluid. */; T;;;[; i^; @ u;.·[o:Sass::Script::Operation :@operand1o:Sass::Script::Funcall : @nameI" unit:ET: @args[o:Sass::Script::Variable ;I" column; T:@underscored_nameI" column; T: @options{: @linei_:@keywords{: @splat0;i_; @ :@operand2o:Sass::Script::String : @valueI"%; T: @type: string;i_; @ :@operator:eq;i_; @ 0[o:Sass::Tree::VariableNode ;I"force-fluid; T: @expro:Sass::Script::Bool;F;i_; @ : @guarded0:@children[;i_; @ u;.N[o:Sass::Script::Variable : @nameI"force-fluid:ET:@underscored_nameI"force_fluid;T: @options{: @lineiau:Sass::Tree::IfNode[00[o:Sass::Tree::VariableNode : @nameI" grid:ET: @expro:Sass::Script::Funcall ;I"build-grid-background;T: @args[ o:Sass::Script::Variable ;I" total;T:@underscored_nameI" total;T: @options{: @lineido; ;I" column;T; I" column;T; @;ido; ;I" gutter;T; I" gutter;T; @;ido; ;I" offset;T; I" offset;T; @;ido; ;I"column-color;T; I"column_color;T; @;ido; ;I"gutter-color;T; I"gutter_color;T; @;id:@keywords{: @splat0;id; @: @guarded0:@children[;id; @[o:Sass::Tree::VariableNode ;I" grid;T: @expro:Sass::Script::Funcall ;I"get-column-fluid-grid;T: @args[ o; ;I" total;T;I" total;T; @ ; ibo; ;I" column;T;I" column;T; @ ; ibo; ;I" gutter;T;I" gutter;T; @ ; ibo; ;I" offset;T;I" offset;T; @ ; ibo; ;I"column-color;T;I"column_color;T; @ ; ibo; ;I"gutter-color;T;I"gutter_color;T; @ ; ib:@keywords{: @splat0; ib; @ : @guarded0:@children[; ib; @ o; ;[I"3/* return the horizontal grid as a gradient */; T;;;[; ig; @ o; ;I" gradient; T;o; ;I"linear-gradient; T;[o;" ;I" left; T;;#; ih; @ o; ;I" grid; T;!I" grid; T; @ ; ih;{;0; ih; @ ;0;[; ih; @ o;' ;o; ;I" gradient; T;!I" gradient; T; @ ; ii;[; ii; @ ; i[;(T; @ o; ;[I" 0 { $a: $a + (($column + $gutter) * $i); } // $g represents the start of this gutter, equal to $a plus one column-width $g: $a + $column; // $z represents the end of a gutter, equal to $g plus one gutter-width $z: $g + $gutter; @if (unit($a) == "%") and ($i == ($total - 1)) { $z: 100%; } // and we add this column/gutter pair to our grid $grid: join($grid, ($column-color $a, $column-color $g, $gutter-color $g, $gutter-color $z)); } @return $grid; } // Return the gradient needed for horizontal grids @function get-column-gradient( $total : $grid-background-total-columns, $column : $grid-background-column-width, $gutter : $grid-background-gutter-width, $offset : $grid-background-offset, $column-color : $grid-background-column-color, $gutter-color : $grid-background-gutter-color, $force-fluid : $grid-background-force-fluid ) { $grid: unquote(""); // don't force fluid grids when they are already fluid. @if unit($column) == "%" { $force-fluid: false; } @if $force-fluid { $grid: get-column-fluid-grid($total,$column,$gutter,$offset,$column-color,$gutter-color); } @else { $grid: build-grid-background($total,$column,$gutter,$offset,$column-color,$gutter-color); } // return the horizontal grid as a gradient $gradient: linear-gradient(left, $grid); @return $gradient; } // Convert a grid from fixed units into percentages. @function get-column-fluid-grid( $total : $grid-background-total-columns, $column : $grid-background-column-width, $gutter : $grid-background-gutter-width, $offset : $grid-background-offset, $column-color : $grid-background-column-color, $gutter-color : $grid-background-gutter-color ) { $context: ($column * $total) + ($gutter * ($total - 1) + ($offset * 2)); $offset: $offset / $context * 100%; $column: $column / $context * 100%; $gutter: $gutter / $context * 100%; // return the horizontal grid as a set of color-stops $grid: build-grid-background($total,$column,$gutter,$offset,$column-color,$gutter-color); @return $grid; } // Add just the baseline grid to an element's background @mixin baseline-grid-background( $baseline : $grid-background-baseline-height, $color : $grid-background-baseline-color ) { @if $show-grid-backgrounds and $show-baseline-grid-backgrounds { @include background-image(get-baseline-gradient($color)); @include background-size(100% $baseline); background-position: left top; } } // Add just the horizontal grid to an element's background @mixin column-grid-background( $total : $grid-background-total-columns, $column : $grid-background-column-width, $gutter : $grid-background-gutter-width, $offset : $grid-background-offset, $column-color : $grid-background-column-color, $gutter-color : $grid-background-gutter-color, $force-fluid : $grid-background-force-fluid ) { @if $show-grid-backgrounds and $show-column-grid-backgrounds { @include background-image( get-column-gradient($total,$column,$gutter,$offset,$column-color,$gutter-color, $force-fluid) ); background-position: left top; } } // Add both horizontal and baseline grids to an element's background @mixin grid-background( $total : $grid-background-total-columns, $column : $grid-background-column-width, $gutter : $grid-background-gutter-width, $baseline : $grid-background-baseline-height, $offset : $grid-background-offset, $column-color : $grid-background-column-color, $gutter-color : $grid-background-gutter-color, $baseline-color : $grid-background-baseline-color, $force-fluid : $grid-background-force-fluid ) { @if $show-grid-backgrounds { @if $show-baseline-grid-backgrounds and $show-column-grid-backgrounds { @include background-image( get-baseline-gradient($baseline-color), get-column-gradient($total,$column,$gutter,$offset,$column-color,$gutter-color, $force-fluid) ); @include background-size(100% $baseline, auto); background-position: left top; } @else { @include baseline-grid-background($baseline, $baseline-color); @include column-grid-background($total,$column,$gutter,$offset,$column-color,$gutter-color, $force-fluid); } } } ; T; i;(T; @