3.2.7 (Media Mark) 5303c44b2cb07108293dacf18f52d18c94faa00b o: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: @linei?: @options{:@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: @lineiG: @options{:@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; iL; @ o;$ ;[ o;$ ;[o; ;I"column-color; T;!I"column_color; T; iL; @ o; ;I"a; T;!I"a; T; iL; @ ;%;&; iL; @ o;$ ;[o; ;I"column-color; T;!I"column_color; T; iL; @ o; ;I"g; T;!I"g; T; iL; @ ;%;&; iL; @ o;$ ;[o; ;I"gutter-color; T;!I"gutter_color; T; iL; @ o; ;I"g; T;!I"g; T; iL; @ ;%;&; iL; @ o;$ ;[o; ;I"gutter-color; T;!I"gutter_color; T; iL; @ o; ;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: @linei_: @options{:@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: @lineia: @options{u: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: @lineid: @options{o; ;I" column;T; I" column;T; id;@o; ;I" gutter;T; I" gutter;T; id;@o; ;I" offset;T; I" offset;T; id;@o; ;I"column-color;T; I"column_color;T; id;@o; ;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; ib; @ o; ;I" column;T;I" column;T; ib; @ o; ;I" gutter;T;I" gutter;T; ib; @ o; ;I" offset;T;I" offset;T; ib; @ o; ;I"column-color;T;I"column_color;T; ib; @ o; ;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; @