{: versionI"3.2.19 (Media Mark):EF:shaI"-0507337bb6766f149fcf335dd3bc8b39e590ac51;F: contents"c$o:Sass::Tree::RootNode :@children[o:Sass::Tree::CommentNode : @value[I"%/* * Block 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"S/* We use this to control the maximum number of block grid elements per row */; T; ; ;[; i ; @ o; ;I"block-grid-elements; T;o:Sass::Script::Number ;i:@numerator_units[:@denominator_units[; i :@originalI"12; F; @ ;I" !default; T;[; i ; @ o; ;I"block-grid-default-spacing; T;o:Sass::Script::Funcall ;I" em-calc; T: @args[o; ;i;[;@; i ;I"20; F; @ :@keywords{: @splat0; i ; @ ;I" !default; T;[; i ; @ o; ;[I"_/* Enables media queries for block-grid classes. Set to false if writing semantic HTML. */; T; ; ;[; i; @ o; ;I"block-grid-media-queries; T;o:Sass::Script::Bool;T; i; @ ;I" !default; T;[; i; @ o; ;[I""/* * Block Grid Mixins * */; T; ; ;[; i; @ o; ;[I"ž/* We use this mixin to create different block-grids. You can apply per-row and spacing options. * Setting $base-style to false will ommit default styles. */; T; ; ;[; i; @ o:Sass::Tree::MixinDefNode ;I"block-grid; T;[[o;;I" per-row; T;I" per_row; T; @ o;;F; i; @ [o;;I" spacing; T;I" spacing; T; @ o; ;I"block-grid-default-spacing; T;I"block_grid_default_spacing; T; @ ; i[o;;I"base-style; T;I"base_style; T; @ o;;T; i; @ ;0;[u:Sass::Tree::IfNode±[o:Sass::Script::Variable : @nameI"base-style:ET:@underscored_nameI"base_style;T: @options{: @linei0[ o:Sass::Tree::PropNode ;[I" display;T: @valueo:Sass::Script::String; I" block;T: @type:identifier; @ : @tabsi:@prop_syntax:new:@children[; i; @ o; ;[I" padding;T; o; ; I"0;T;;; @ ;i;;;[; i; @ o; ;[I" margin;T; o:Sass::Script::List ; [o:Sass::Script::Number ; i:@numerator_units[:@denominator_units[; i:@originalI"0;F; @ o:Sass::Script::Operation :@operand1o:!Sass::Script::UnaryOperation : @operando; ;I" spacing;T;I" spacing;T; @ ; i:@operator: minus; i; @ :@operand2o; ; i;[;@; i;I"2;F; @ ;:div; i; @ :@separator: space; i; @ ;i;;;[; i; @ o:Sass::Tree::MixinNode ;I" clearfix;T: @args[:@keywords{: @splat0;[; i; @ o:Sass::Tree::RuleNode : @rule[I" & > li;T;i:@parsed_ruleso:"Sass::Selector::CommaSequence: @members[o:Sass::Selector::Sequence;+[o:#Sass::Selector::SimpleSequence ;+[o:Sass::Selector::Parent; i :@filenameI";T: @subject0: @sourceso:Set: @hash{; i ;/@8I">;To;- ;+[o:Sass::Selector::Element ;[I"li;T:@namespace0; i ;/@8;00;1o;2;3{; i ;/@8; i ;/@8;[ o; ;[I" display;T; o; ; I" inline;T;;; @ ;i;;;[; i!; @ o; ;[I" height;T; o; ; I" auto;T;;; @ ;i;;;[; i"; @ o; ;[I" float;T; o; ;I"default-float;T;I"default_float;T; @ ; i#;i;;;[; i#; @ o; ;[I" padding;T; o; ; [o; ; i;[;@; i$;I"0;F; @ o; ;o; ;I" spacing;T;I" spacing;T; @ ; i$;o; ; i;[;@; i$;I"2;F; @ ;; ; i$; @ o; ;I" spacing;T;I" spacing;T; @ ; i$;!;"; i$; @ ;i;;;[; i$; @ ; i :@has_childrenT; @ u;A[o:Sass::Script::Variable : @nameI" per-row:ET:@underscored_nameI" per_row;T: @options{: @linei(0[o:Sass::Tree::RuleNode : @rule[I" & > li;T: @tabsi:@parsed_ruleso:"Sass::Selector::CommaSequence: @members[o:Sass::Selector::Sequence;[o:#Sass::Selector::SimpleSequence ;[o:Sass::Selector::Parent; i):@filenameI";T: @subject0: @sourceso:Set: @hash{; i);@I">;To; ;[o:Sass::Selector::Element ;[I"li;T:@namespace0; i);@;0;o;;{; i);@; i);@:@children[ o:Sass::Tree::PropNode ;[I" width;T: @valueo:Sass::Script::Operation :@operand1o:Sass::Script::Number ;ii:@numerator_units[I"%;T:@denominator_units[; i*:@originalI" 100%;F; @ :@operand2o; ;I" per-row;T;I" per_row;T; @ ; i*:@operator:div; i*; @ ; i:@prop_syntax:new;[; i*; @ o; ;[I" padding;T;o:Sass::Script::List ;[o; ;i;![;"[; i+;#I"0;F; @ o; ;o; ;I" spacing;T;I" spacing;T; @ ; i+;$o; ;i;![;"@5; i+;#I"2;F; @ ;%;&; i+; @ o; ;I" spacing;T;I" spacing;T; @ ; i+:@separator: space; i+; @ ; i;';(;[; i+; @ o; ; [I"&:nth-of-type(n);T; i;o;;[o;;[o; ;[o;; i-;I";To:Sass::Selector::Pseudo :@syntactic_type: class;[I"nth-of-type;T: @arg[I"n;T; i-;@L;0;o;;{; i-;@L; i-;@L;[o; ;[I" clear;T;o:Sass::Script::String;I" none;T: @type:identifier; @ ; i;';(;[; i-; @ ; i-:@has_childrenT; @ o; ; [I"&:nth-of-type(;To; ;I" per-row;T;I" per_row;T; @ ; i.I" n+1);T; i;[o; ;[I" clear;T;o;0;I" both;T;1;2; @ ; i;';(;[; i.; @ ; i.;3T; @ ; i);3T; @ ; i:@has_childrenT; @ u;ˆ [o:Sass::Script::Variable : @nameI"include-html-grid-classes:ET:@underscored_nameI"include_html_grid_classes;T: @options{: @linei40[ o:Sass::Tree::CommentNode : @value[I" li:nth-of-type(;To; ;I"i;T;I"i;T; @ ; iDI" n+1);T;i;[o:Sass::Tree::PropNode ;[I" clear;T; o:Sass::Script::String; I" none;T; :identifier; @ ;i:@prop_syntax:new;[; iD; @ ; iD;'T; @ ; iC;'T; @ o;( ;)I"i;T;*o;+ ; i;,[;-@2; iF;.I"1;F; @ ;/o; ;I"block-grid-elements;T;I"block_grid_elements;T; @ ; iF;0F;[o; ;[I".large-block-grid-;To; ;I"i;T;I"i;T; @ ; iG;i;[o;# ;I"block-grid;T;$[o; ;I"i;T;I"i;T; @ ; iHo; ;I"block-grid-default-spacing;T;I"block_grid_default_spacing;T; @ ; iHo;1; F; iH; @ ;%{;&0;[; iH; @ ; iG;'T; @ ; iF;'T; @ ; iA;'T; @ :@templateI"I// // Block Grid Variables // $include-html-grid-classes: $include-html-classes !default; // We use this to control the maximum number of block grid elements per row $block-grid-elements: 12 !default; $block-grid-default-spacing: em-calc(20) !default; // Enables media queries for block-grid classes. Set to false if writing semantic HTML. $block-grid-media-queries: true !default; // // Block Grid Mixins // // We use this mixin to create different block-grids. You can apply per-row and spacing options. // Setting $base-style to false will ommit default styles. @mixin block-grid($per-row:false, $spacing:$block-grid-default-spacing, $base-style:true) { @if $base-style { display: block; padding: 0; margin: 0 (-$spacing/2); @include clearfix; &>li { display: inline; height: auto; float: $default-float; padding: 0 ($spacing/2) $spacing; } } @if $per-row { &>li { width: 100%/$per-row; padding: 0 ($spacing/2) $spacing; &:nth-of-type(n) { clear: none; } &:nth-of-type(#{$per-row}n+1) { clear: both; } } } } @if $include-html-grid-classes { /* Foundation Block Grids for below small breakpoint */ @media only screen { [class*="block-grid-"] { @include block-grid; } @for $i from 1 through $block-grid-elements { .small-block-grid-#{($i)} { @include block-grid($i,$block-grid-default-spacing,false); } } } /* Foundation Block Grids for above small breakpoint */ @media #{$small} { /* Remove small grid clearing */ @for $i from 1 through $block-grid-elements { .small-block-grid-#{($i)} > li:nth-of-type(#{$i}n+1) { clear: none; } } @for $i from 1 through $block-grid-elements { .large-block-grid-#{($i)} { @include block-grid($i,$block-grid-default-spacing,false); } } } } ; T; i;T; @