3.1.12 (Brainy Betty) 5303c44b2cb07108293dacf18f52d18c94faa00b o:Sass::Tree::RootNode : @linei: @options{:@has_childrenT:@template"Y@import "compass/css3/images"; @import "compass/css3/background-size"; // Set the color of your columns $grid-background-column-color : rgba(100, 100, 225, 0.25) !default; // Set the color of your gutters $grid-background-gutter-color : rgba(0, 0, 0, 0) !default; // Set the total number of columns in your grid $grid-background-total-columns : 24 !default; // Set the width of your columns $grid-background-column-width : 30px !default; // Set the width of your gutters $grid-background-gutter-width : 10px !default; // Set the offset, if your columns are padded in from the container edge $grid-background-offset : 0px !default; // Set the color of your baseline $grid-background-baseline-color : rgba(0, 0, 0, 0.5) !default; // Set the height of your baseline grid $grid-background-baseline-height : 1.5em !default; // toggle your columns grids on and off $show-column-grid-backgrounds : true !default; // toggle your vertical grids on and off $show-baseline-grid-backgrounds : true !default; // toggle all your grids on and off $show-grid-backgrounds : true !default; // optionally force your grid-image to remain fluid // no matter what units you used to declared your grid. $grid-background-force-fluid : false !default; // Create the gradient needed for baseline grids @function get-baseline-gradient( $color : $grid-background-baseline-color ) { $gradient: linear-gradient(bottom, $color 5%, rgba($color,0) 5%); @return $gradient; } // Create the color-stops needed for horizontal grids @function build-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 ) { $grid: compact(); $grid: append($grid, $gutter-color $offset, comma); @for $i from 0 to $total { // $a represents the start of this column, initially equal to the offset $a: $offset; @if $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); } } } :@children[-o:Sass::Tree::ImportNode ;i:@imported_filename"compass/css3/images;@; 0; [o; ;i; "!compass/css3/background-size;@; 0; [o:Sass::Tree::CommentNode : @value["(/* Set the color of your columns */;i : @loud0: @silenti;@; [o:Sass::Tree::VariableNode : @guarded" !default;i : @expro:Sass::Script::Funcall ;i : @args[ o:Sass::Script::Number ;ii;i :@denominator_units[:@numerator_units[:@original"100;@o; ;ii;i ;@;[;"100;@o; ;iá;i ;@;[;"225;@o; ;f 0.25;i ;@;[;" 0.25;@:@keywords{: @name" rgba;@;"!grid-background-column-color;@; [o; ;["(/* Set the color of your gutters */;i ;0;i;@; [o; ;" !default;i ;o; ;i ;[ o; ;i;i ;@;[;"0;@o; ;i;i ;@;[;"0;@o; ;i;i ;@;[;"0;@o; ;i;i ;@;[;"0;@;{;" rgba;@;"!grid-background-gutter-color;@; [o; ;["7/* Set the total number of columns in your grid */;i;0;i;@; [o; ;" !default;i;o; ;i;i;@;[;"24;@;""grid-background-total-columns;@; [o; ;["(/* Set the width of your columns */;i;0;i;@; [o; ;" !default;i;o; ;i#;i;[;["px;" 30px;@;"!grid-background-column-width;@; [o; ;["(/* Set the width of your gutters */;i;0;i;@; [o; ;" !default;i;o; ;i;i;[;["px;" 10px;@;"!grid-background-gutter-width;@; [o; ;["P/* Set the offset, if your columns are padded in from the container edge */;i;0;i;@; [o; ;" !default;i;o; ;i;i;[;["px;"0px;@;"grid-background-offset;@; [o; ;[")/* Set the color of your baseline */;i;0;i;@; [o; ;" !default;i;o; ;i;[ o; ;i;i;@;[;"0;@o; ;i;i;@;[;"0;@o; ;i;i;@;[;"0;@o; ;f0.5;i;@;[;"0.5;@;{;" rgba;@;"#grid-background-baseline-color;@; [o; ;["//* Set the height of your baseline grid */;i;0;i;@; [o; ;" !default;i;o; ;f1.5;i;[;["em;" 1.5em;@;"$grid-background-baseline-height;@; [o; ;["//* toggle your columns grids on and off */;i;0;i;@; [o; ;" !default;i;o:Sass::Script::Bool;T;i;@;"!show-column-grid-backgrounds;@; [o; ;["0/* toggle your vertical grids on and off */;i;0;i;@; [o; ;" !default;i;o;;T;i;@;"#show-baseline-grid-backgrounds;@; [o; ;["+/* toggle all your grids on and off */;i ;0;i;@; [o; ;" !default;i!;o;;T;i!;@;"show-grid-backgrounds;@; [o; ;["s/* optionally force your grid-image to remain fluid * no matter what units you used to declared your grid. */;i#;0;i;@; [o; ;" !default;i%;o;;F;i%;@;" grid-background-force-fluid;@; [o; ;["8/* Create the gradient needed for baseline grids */;i(;0;i;@; [o:Sass::Tree::FunctionNode ;i+;[[o:Sass::Script::Variable:@underscored_name" color;" color;@o; ;i*;"#grid_background_baseline_color;"#grid-background-baseline-color;@;"get-baseline-gradient;@;T; [o; ;0;i,;o; ;i,;[o:Sass::Script::String ;" bottom;i,: @type:identifier;@o:Sass::Script::List ;[o; ;i,;" color;" color;@o; ;i ;i,;[;["%;"5%;@;i,:@separator: space;@o;# ;[o; ;i,;[o; ;i,;" color;" color;@o; ;i;i,;@;[;"0;@;{;" rgba;@o; ;i ;i,;[;["%;"5%;@;i,;$;%;@;{;"linear-gradient;@;" gradient;@; [o:Sass::Tree::ReturnNode ;i-;o; ;i-;" gradient;" gradient;@;@; [o; ;["=/* Create the color-stops needed for horizontal grids */;i0;0;i;@; [o; ;i8;[ [o;;" total;" total;@o; ;i2;""grid_background_total_columns;""grid-background-total-columns;@[o;;" column;" column;@o; ;i3;"!grid_background_column_width;"!grid-background-column-width;@[o;;" gutter;" gutter;@o; ;i4;"!grid_background_gutter_width;"!grid-background-gutter-width;@[o;;" offset;" offset;@o; ;i5;"grid_background_offset;"grid-background-offset;@[o;;"column_color;"column-color;@o; ;i6;"!grid_background_column_color;"!grid-background-column-color;@[o;;"gutter_color;"gutter-color;@o; ;i7;"!grid_background_gutter_color;"!grid-background-gutter-color;@;"build-grid-background;@;T; [ o; ;0;i9;o; ;i9;[;{;" compact;@;" grid;@; [o; ;0;i:;o; ;i:;[o; ;i:;" grid;" grid;@o;# ;[o; ;i:;"gutter_color;"gutter-color;@o; ;i:;" offset;" offset;@;i:;$;%;@o; ;" comma;i:;!;";@;{;" append;@;" grid;@; [o:Sass::Tree::ForNode ;i;: @var"i: @fromo; ;i;i;;@;[;"0;@:@exclusiveT;@;T; [o; ;["P/* $a represents the start of this column, initially equal to the offset */;i=;0;i;@; [o; ;0;i>;o; ;i>;" offset;" offset;@;"a;@; [u:Sass::Tree::IfNodeù[o:Sass::Script::Operation : @linei?:@operand2o:Sass::Script::Number : @valuei;i?:@denominator_units[:@numerator_units[:@original"0: @options{:@operator:gt:@operand1o:Sass::Script::Variable ;i?:@underscored_name"i: @name"i; @ ; @ 0[o:Sass::Tree::VariableNode : @guarded0;i?: @expro; ;i?;o; ;i?;o; ;i?;"i;"i; @ ;: times;o; ;i?;o; ;i?;" gutter;" gutter; @ ;: plus;o; ;i?;" column;" column; @ ; @ ; @ ;;;o; ;i?;"a;"a; @ ; @ ;"a; @ :@children[o; ;["T/* $g represents the start of this gutter, equal to $a plus one column-width */;iA;0;i;@; [o; ;0;iB;o:Sass::Script::Operation ;iB:@operand2o; ;iB;" column;" column;@:@operator: plus:@operand1o; ;iB;"a;"a;@;@;"g;@; [o; ;["O/* $z represents the end of a gutter, equal to $g plus one gutter-width */;iD;0;i;@; [o; ;0;iE;o;, ;iE;-o; ;iE;" gutter;" gutter;@;.;/;0o; ;iE;"g;"g;@;@;"z;@; [u;+V[o:Sass::Script::Operation : @lineiG:@operand2o; ;iG;o; ;iG;o:Sass::Script::Number : @valuei;iG:@denominator_units[:@numerator_units[:@original"1: @options{:@operator: minus:@operand1o:Sass::Script::Variable ;iG:@underscored_name" total: @name" total; @ ; @ ;:eq;o; ;iG;"i;"i; @ ; @ ;:and;o; ;iG;o:Sass::Script::String ; "%;iG: @type: string; @ ;;;o:Sass::Script::Funcall ;iG: @args[o; ;iG;"a;"a; @ :@keywords{;" unit; @ ; @ ; @ 0[o:Sass::Tree::VariableNode : @guarded0;iH: @expro; ; ii;iH; [; ["%; " 100%; @ ;"z; @ :@children[o; ;["9/* and we add this column/gutter pair to our grid */;iK;0;i;@; [o; ;0;iL;o; ;iL;[o; ;iL;" grid;" grid;@o;# ;[ o;# ;[o; ;iL;"column_color;"column-color;@o; ;iL;"a;"a;@;iL;$;%;@o;# ;[o; ;iL;"column_color;"column-color;@o; ;iL;"g;"g;@;iL;$;%;@o;# ;[o; ;iL;"gutter_color;"gutter-color;@o; ;iL;"g;"g;@;iL;$;%;@o;# ;[o; ;iL;"gutter_color;"gutter-color;@o; ;iL;"z;"z;@;iL;$;%;@;iL;$: comma;@;{;" join;@;" grid;@; [:@too; ;i;;" total;" total;@o;& ;iO;o; ;iO;" grid;" grid;@;@; [o; ;[":/* Return the gradient needed for horizontal grids */;iR;0;i;@; [o; ;i[;[ [o;;" total;" total;@o; ;iT;""grid_background_total_columns;""grid-background-total-columns;@[o;;" column;" column;@o; ;iU;"!grid_background_column_width;"!grid-background-column-width;@[o;;" gutter;" gutter;@o; ;iV;"!grid_background_gutter_width;"!grid-background-gutter-width;@[o;;" offset;" offset;@o; ;iW;"grid_background_offset;"grid-background-offset;@[o;;"column_color;"column-color;@o; ;iX;"!grid_background_column_color;"!grid-background-column-color;@[o;;"gutter_color;"gutter-color;@o; ;iY;"!grid_background_gutter_color;"!grid-background-gutter-color;@[o;;"force_fluid;"force-fluid;@o; ;iZ;" grid_background_force_fluid;" grid-background-force-fluid;@;"get-column-gradient;@;T; [ o; ;0;i\;o; ;i\;[o; ;";i\;!: string;@;{;" unquote;@;" grid;@; [o; ;["?/* don't force fluid grids when they are already fluid. */;i^;0;i;@; [u;+”[o:Sass::Script::Operation : @linei_:@operand2o:Sass::Script::String : @value"%;i_: @type: string: @options{:@operator:eq:@operand1o:Sass::Script::Funcall ;i_: @args[o:Sass::Script::Variable ;i_:@underscored_name" column: @name" column; @ :@keywords{;" unit; @ ; @ 0[o:Sass::Tree::VariableNode : @guarded0;i_: @expro:Sass::Script::Bool; F;i_; @ ;"force-fluid; @ :@children[u;+¤[o:Sass::Script::Variable : @lineia:@underscored_name"force_fluid: @name"force-fluid: @options{u:Sass::Tree::IfNode²[00[o:Sass::Tree::VariableNode : @guarded0: @lineid: @expro:Sass::Script::Funcall ;id: @args[ o:Sass::Script::Variable ;id:@underscored_name" total: @name" total: @options{o; ;id; " column; " column;@ o; ;id; " gutter; " gutter;@ o; ;id; " offset; " offset;@ o; ;id; "column_color; "column-color;@ o; ;id; "gutter_color; "gutter-color;@ :@keywords{; "build-grid-background;@ ; " grid;@ :@children[[o:Sass::Tree::VariableNode : @guarded0;ib: @expro:Sass::Script::Funcall ;ib: @args[ o; ;ib;" total;" total; @ o; ;ib;" column;" column; @ o; ;ib;" gutter;" gutter; @ o; ;ib;" offset;" offset; @ o; ;ib;"column_color;"column-color; @ o; ;ib;"gutter_color;"gutter-color; @ :@keywords{;"get-column-fluid-grid; @ ;" grid; @ :@children[o; ;["3/* return the horizontal grid as a gradient */;ig;0;i;@; [o; ;0;ih;o; ;ih;[o; ;" left;ih;!;";@o; ;ih;" grid;" grid;@;{;"linear-gradient;@;" gradient;@; [o;& ;ii;o; ;ii;" gradient;" gradient;@;@; [o; ;["