{: versionI"3.2.12 (Media Mark):EF:shaI"-786f9efa71db46b0564d40fba8f02ae03b5a35a3;F: contents"õno:Sass::Tree::RootNode :@children[To:Sass::Tree::CommentNode : @value[I"N/* Foundation Global Function, Variables and Mixins * * Variables * */:ET: @type: silent;[: @linei: @options{o; ;[I"›/* The default font-size is set to 100% of the browser style sheet (usually 16px) * for compatibility with brower-based text zoom or user-set defaults. */; T; ; ;[; i ; @ o:Sass::Tree::VariableNode : @nameI"base-font-size; T: @expro:Sass::Script::Number ;ii:@numerator_units[I"%; T:@denominator_units[; i :@originalI" 100%; F; @ : @guardedI" !default; T;[; i ; @ o; ;[I"M/* Set your base font-size in pixels so emCalc can do its magic below */; T; ; ;[; i; @ o; ;I" em-base; T;o; ;i;[I"px; T;[; i;I" 16px; F; @ ;I" !default; T;[; i; @ o; ;[I"8/* We use these to control various global styles */; T; ; ;[; i; @ o; ;I" body-bg; T;o:Sass::Script::Color ;0: @attrs{ :redi’: greeni’: bluei’: alphai; i; @ ;I" !default; T;[; i; @ o; ;I"body-font-color; T;o; ;0;{ ;i';i';i';i; i; @ ;I" !default; T;[; i; @ o; ;I"body-font-family; T;o:Sass::Script::List ;[ o:Sass::Script::String ;I"Helvetica Neue; T; : string; i; @ o; ;I"Helvetica; T; ;; i; @ o; ;I"Helvetica; T; :identifier; i; @ o; ;I" Arial; T; ;; i; @ o; ;I"sans-serif; T; ;; i; @ :@separator: comma; i; @ ;I" !default; T;[; i; @ o; ;I"body-font-weight; T;o; ;I" normal; T; ;; i; @ ;I" !default; T;[; i; @ o; ;I"body-font-style; T;o; ;I" normal; T; ;; i; @ ;I" !default; T;[; i; @ o; ;[I":/* We use these to control text direction settings */; T; ; ;[; i; @ o; ;I"text-direction; T;o; ;I"ltr; T; ;; i; @ ;I" !default; T;[; i; @ o; ;[I"A/* Controls default global text direction, 'rtl' or 'ltr' */; T; ; ;[; i; @ o; ;I"default-float; T;o; ;I" left; T; ;; i; @ ;I" !default; T;[; i; @ o; ;I"default-opposite; T;o; ;I" right; T; ;; i; @ ;I" !default; T;[; i; @ o; ;[I"b/* No need to change this conditional statement, $text-direction variable controls it all. */; T; ; ;[; i; @ u:Sass::Tree::IfNodeē[o:Sass::Script::Operation :@operand1o:Sass::Script::Variable : @nameI"text-direction:ET:@underscored_nameI"text_direction; T: @linei: @options{:@operand2o:Sass::Script::String : @valueI"ltr; T: @type:identifier; i; @ :@operator:eq; i; @ u:Sass::Tree::IfNode[00[o:Sass::Tree::VariableNode : @nameI"default-float:ET: @expro:Sass::Script::String : @valueI" right;T: @type:identifier: @linei": @options{: @guarded0:@children[; i";@ o; ;I"default-opposite;T;o; ; I" left;T; ; ; i#;@ ;0;[; i#;@ [o:Sass::Tree::VariableNode ;I"default-float; T: @expro; ;I" left; T;;; i; @ : @guarded0:@children[; i; @ o; ;I"default-opposite; T;o; ;I" right; T;;; i ; @ ;0;[; i ; @ o; ;[I"4/* We use these as default colors throughout */; T; ; ;[; i&; @ o; ;I"primary-color; T;o; ;0;{ ;i0;i¦;iĖ;i; i'; @ ;I" !default; T;[; i'; @ o; ;I"secondary-color; T;o; ;0;{ ;ié;ié;ié;i; i(; @ ;I" !default; T;[; i(; @ o; ;I"alert-color; T;o; ;0;{ ;iĘ;i;i;i; i); @ ;I" !default; T;[; i); @ o; ;I"success-color; T;o; ;0;{ ;ib;i¤;i(;i; i*; @ ;I" !default; T;[; i*; @ o; ;[I"W/* We use these to make sure border radius matches unless we want it different. */; T; ; ;[; i,; @ o; ;I"global-radius; T;o; ;i;[I"px; T;[; i-;I"3px; F; @ ;I" !default; T;[; i-; @ o; ;I"global-rounded; T;o; ;ič;[I"px; T;[; i.;I" 1000px; F; @ ;I" !default; T;[; i.; @ o; ;[I"L/* We use these to control inset shadow shiny edges and depressions. */; T; ; ;[; i0; @ o; ;I"shiny-edge-size; T;o; ;[o; ;i;[;[; i1;I"0; F; @ o; ;i;[I"px; T;[; i1;I"1px; F; @ o; ;i;[;@Ø; i1;I"0; F; @ ; : space; i1; @ ;I" !default; T;[; i1; @ o; ;I"shiny-edge-color; T;o:Sass::Script::Funcall ;I" rgba; T: @args[o; ;0;{ ;i’;i’;i’;i; i2; @ o; ;f0.5;[;@Ø; i2;I"0.5; F; @ :@keywords{: @splat0; i2; @ ;I" !default; T;[; i2; @ o; ;I"shiny-edge-active-color; T;o;$ ;I" rgba; T;%[o; ;0;{ ;i;i;i;i; i3; @ o; ;f0.2;[;@Ø; i3;I"0.2; F; @ ;&{;'0; i3; @ ;I" !default; T;[; i3; @ o; ;[I"[/* We use this to control whether or not CSS classes come through in the gem files. */; T; ; ;[; i5; @ o; ;I"include-html-classes; T;o:Sass::Script::Bool;T; i6; @ ;I" !default; T;[; i6; @ o; ;I"include-print-styles; T;o;(;T; i7; @ ;I" !default; T;[; i7; @ o; ;I"include-html-grid-classes; T;o:Sass::Script::Variable ;I"include-html-classes; T:@underscored_nameI"include_html_classes; T; i9; @ ;I" !default; T;[; i9; @ o; ;I"$include-html-visibility-classes; T;o;) ;I"include-html-classes; T;*I"include_html_classes; T; i:; @ ;I" !default; T;[; i:; @ o; ;I" include-html-button-classes; T;o;) ;I"include-html-classes; T;*I"include_html_classes; T; i;; @ ;I" !default; T;[; i;; @ o; ;I"include-html-form-classes; T;o;) ;I"include-html-classes; T;*I"include_html_classes; T; i<; @ ;I" !default; T;[; i<; @ o; ;I"include-html-media-classes; T;o;) ;I"include-html-classes; T;*I"include_html_classes; T; i=; @ ;I" !default; T;[; i=; @ o; ;I"!include-html-section-classes; T;o;) ;I"include-html-classes; T;*I"include_html_classes; T; i>; @ ;I" !default; T;[; i>; @ o; ;I" include-html-reveal-classes; T;o;) ;I"include-html-classes; T;*I"include_html_classes; T; i?; @ ;I" !default; T;[; i?; @ o; ;I"include-html-alert-classes; T;o;) ;I"include-html-classes; T;*I"include_html_classes; T; i@; @ ;I" !default; T;[; i@; @ o; ;I"include-html-nav-classes; T;o;) ;I"include-html-classes; T;*I"include_html_classes; T; iA; @ ;I" !default; T;[; iA; @ o; ;I"include-html-label-classes; T;o;) ;I"include-html-classes; T;*I"include_html_classes; T; iB; @ ;I" !default; T;[; iB; @ o; ;I"include-html-panel-classes; T;o;) ;I"include-html-classes; T;*I"include_html_classes; T; iC; @ ;I" !default; T;[; iC; @ o; ;I"!include-html-pricing-classes; T;o;) ;I"include-html-classes; T;*I"include_html_classes; T; iD; @ ;I" !default; T;[; iD; @ o; ;I""include-html-progress-classes; T;o;) ;I"include-html-classes; T;*I"include_html_classes; T; iE; @ ;I" !default; T;[; iE; @ o; ;I""include-html-magellan-classes; T;o;) ;I"include-html-classes; T;*I"include_html_classes; T; iF; @ ;I" !default; T;[; iF; @ o; ;[I"/* * Functions * */; T; ; ;[; iH; @ o; ;[I"`/* Working in ems is annoying. Think in pixels by using this handy function, emCalc(#px) */; T; ; ;[; iL; @ o:Sass::Tree::FunctionNode ;I" emCalc; T;%[[o;);I" pxWidth; T;*I" pxWidth; T; @ 0;'0;[o:Sass::Tree::ReturnNode ;o:Sass::Script::Operation :@operand1o;- ;.o;) ;I" pxWidth; T;*I" pxWidth; T; iN; @ :@operand2o;) ;I" em-base; T;*I" em_base; T; iN; @ :@operator:div; iN; @ ;/o; ;i;[I"em; T;[; iN;I"1em; F; @ ;0: times; iN; @ ;[; iN; @ ; iM:@has_childrenT; @ o; ;[I"#/* Creating rems and pixels */; T; ; ;[; iQ; @ o;+ ;I" remCalc; T;%[[o;);I" pxWidth; T;*I" pxWidth; T; @ 0;'0;[o;, ;o;- ;.o;- ;.o;) ;I" pxWidth; T;*I" pxWidth; T; iS; @ ;/o;) ;I" em-base; T;*I" em_base; T; iS; @ ;0;1; iS; @ ;/o; ;i;[I"rem; T;[; iS;I" 1rem; F; @ ;0;2; iS; @ ;[; iS; @ ; iR;3T; @ o; ;[I"+/* Grid Calculation for Percentages */; T; ; ;[; iV; @ o;+ ;I" gridCalc; T;%[[o;);I"colNumber; T;*I"colNumber; T; @ 0[o;);I"totalColumns; T;*I"totalColumns; T; @ 0;'0;[o;, ;o;$ ;I"percentage; T;%[o;- ;.o;) ;I"colNumber; T;*I"colNumber; T; iX; @ ;/o;) ;I"totalColumns; T;*I"totalColumns; T; iX; @ ;0;1; iX; @ ;&{;'0; iX; @ ;[; iX; @ ; iW;3T; @ o; ;[I"/* * Mixins * */; T; ; ;[; i\; @ o; ;[I"0/* We use this to control border radius. */; T; ; ;[; i`; @ o:Sass::Tree::MixinDefNode ;I" radius; T;%[[o;);I" radius; T;*I" radius; T; @ o;) ;I"global-radius; T;*I"global_radius; T; ia; @ ;'0;[u;"b[o:Sass::Script::Variable : @nameI" radius:ET:@underscored_nameI" radius;T: @lineib: @options{0[o:Sass::Tree::PropNode ;[I"-webkit-border-radius;T: @valueo; ;I" radius;T;I" radius;T; ic; @ : @tabsi:@prop_syntax:new:@children[; ic; @ o; ;[I"border-radius;T; o; ;I" radius;T;I" radius;T; id; @ ; i;;;[; id; @ ; ia;3T; @ o; ;[I"F/* We use this to create equal side border radius on elements. */; T; ; ;[; ih; @ o;4 ;I"side-radius; T;%[[o;);I" side; T;*I" side; T; @ 0[o;);I" radius; T;*I" radius; T; @ 0;'0;[o:Sass::Tree::MixinNode ;I" radius; T;%[o; ;i;[;@Ø; ij;I"0; F; @ ;&{;'0;[; ij; @ u;"ś[o:Sass::Script::Operation :@operand1o:Sass::Script::Variable : @nameI" side:ET:@underscored_nameI" side; T: @lineik: @options{:@operand2o:Sass::Script::String : @valueI" left; T: @type:identifier; ik; @ :@operator:eq; ik; @ u:Sass::Tree::IfNode> [o:Sass::Script::Operation :@operand1o:Sass::Script::Variable : @nameI" side:ET:@underscored_nameI" side; T: @lineis: @options{:@operand2o:Sass::Script::String : @valueI" right; T: @type:identifier; is; @ :@operator:eq; is; @ u:Sass::Tree::IfNode{[o:Sass::Script::Operation :@operand1o:Sass::Script::Variable : @nameI" side:ET:@underscored_nameI" side; T: @linei{: @options{:@operand2o:Sass::Script::String : @valueI"top; T: @type:identifier; i{; @ :@operator:eq; i{; @ u:Sass::Tree::IfNodeĀ[o:Sass::Script::Operation :@operand1o:Sass::Script::Variable : @nameI" side:ET:@underscored_nameI" side; T: @linei~: @options{:@operand2o:Sass::Script::String : @valueI" bottom; T: @type:identifier; i~; @ :@operator:eq; i~; @ 0[ o:Sass::Tree::PropNode ;[I"#-moz-border-radius-bottomright; T;o; ;I" radius; T; I" radius; T; i; @ : @tabsi:@prop_syntax:new:@children[; i; @ o; ;[I""-moz-border-radius-bottomleft; T;o; ;I" radius; T; I" radius; T; i€; @ ;i;;;[; i€; @ o; ;[I"'-webkit-border-bottom-right-radius; T;o; ;I" radius; T; I" radius; T; i; @ ;i;;;[; i; @ o; ;[I"&-webkit-border-bottom-left-radius; T;o; ;I" radius; T; I" radius; T; i‚; @ ;i;;;[; i‚; @ o; ;[I"border-bottom-right-radius; T;o; ;I" radius; T; I" radius; T; iƒ; @ ;i;;;[; iƒ; @ o; ;[I"border-bottom-left-radius; T;o; ;I" radius; T; I" radius; T; i„; @ ;i;;;[; i„; @ [ o:Sass::Tree::PropNode ;[I" -moz-border-radius-topright; T;o; ;I" radius; T; I" radius; T; i|; @ : @tabsi:@prop_syntax:new:@children[; i|; @ o; ;[I"-moz-border-radius-topleft; T;o; ;I" radius; T; I" radius; T; i}; @ ;i;;;[; i}; @ o; ;[I"$-webkit-border-top-right-radius; T;o; ;I" radius; T; I" radius; T; i~; @ ;i;;;[; i~; @ o; ;[I"#-webkit-border-top-left-radius; T;o; ;I" radius; T; I" radius; T; i; @ ;i;;;[; i; @ o; ;[I"border-top-right-radius; T;o; ;I" radius; T; I" radius; T; i{; @ ;i;;;[; i{; @ o; ;[I"border-top-left-radius; T;o; ;I" radius; T; I" radius; T; i|; @ ;i;;;[; i|; @ [ o:Sass::Tree::PropNode ;[I" -moz-border-radius-topright; T;o; ;I" radius; T; I" radius; T; it; @ : @tabsi:@prop_syntax:new:@children[; it; @ o; ;[I"#-moz-border-radius-bottomright; T;o; ;I" radius; T; I" radius; T; iu; @ ;i;;;[; iu; @ o; ;[I"$-webkit-border-top-right-radius; T;o; ;I" radius; T; I" radius; T; iv; @ ;i;;;[; iv; @ o; ;[I"'-webkit-border-bottom-right-radius; T;o; ;I" radius; T; I" radius; T; iw; @ ;i;;;[; iw; @ o; ;[I"border-top-right-radius; T;o; ;I" radius; T; I" radius; T; ix; @ ;i;;;[; ix; @ o; ;[I"border-bottom-right-radius; T;o; ;I" radius; T; I" radius; T; iy; @ ;i;;;[; iy; @ [ o:Sass::Tree::PropNode ;[I""-moz-border-radius-bottomleft; T;o; ;I" radius; T; I" radius; T; il; @ : @tabsi:@prop_syntax:new:@children[; il; @ o; ;[I"-moz-border-radius-topleft; T;o; ;I" radius; T; I" radius; T; im; @ ;i;;;[; im; @ o; ;[I"&-webkit-border-bottom-left-radius; T;o; ;I" radius; T; I" radius; T; in; @ ;i;;;[; in; @ o; ;[I"#-webkit-border-top-left-radius; T;o; ;I" radius; T; I" radius; T; io; @ ;i;;;[; io; @ o; ;[I"border-bottom-left-radius; T;o; ;I" radius; T; I" radius; T; ip; @ ;i;;;[; ip; @ o; ;[I"border-top-left-radius; T;o; ;I" radius; T; I" radius; T; iq; @ ;i;;;[; iq; @ ; ii;3T; @ o; ;[I"E/* We can control whether or not we have inset shadows edges. */; T; ; ;[; iˆ; @ o;4 ;I"inset-shadow; T;%[[o;);I" active; T;*I" active; T; @ o;(;T; i‰; @ ;'0;[o:Sass::Tree::PropNode ;[I"-webkit-box-shadow; T;o; ;[o;) ;I"shiny-edge-size; T;*I"shiny_edge_size; T; iŠ; @ o;) ;I"shiny-edge-color; T;*I"shiny_edge_color; T; iŠ; @ o; ;I" inset; T; ;; iŠ; @ ; ;#; iŠ; @ : @tabsi:@prop_syntax:new;[; iŠ; @ o;6 ;[I"box-shadow; T;o; ;[o;) ;I"shiny-edge-size; T;*I"shiny_edge_size; T; i‹; @ o;) ;I"shiny-edge-color; T;*I"shiny_edge_color; T; i‹; @ o; ;I" inset; T; ;; i‹; @ ; ;#; i‹; @ ;7i;8;9;[; i‹; @ u;"Y[o:Sass::Script::Variable : @nameI" active:ET:@underscored_nameI" active;T: @linei: @options{0[o:Sass::Tree::RuleNode : @rule[I" &:active;T: @tabsi:@parsed_ruleso:"Sass::Selector::CommaSequence: @members[o:Sass::Selector::Sequence;[o:#Sass::Selector::SimpleSequence ;[o:Sass::Selector::Parent; i:@filenameI";To:Sass::Selector::Pseudo :@syntactic_type: class;[I" active;T: @arg0; i;@: @subject0: @sourceso:Set: @hash{; i;@; i;@:@children[o:Sass::Tree::PropNode ;[I"-webkit-box-shadow;T: @valueo:Sass::Script::List ;[o; ;I"shiny-edge-size;T;I"shiny_edge_size;T; iŽ; @ o; ;I"shiny-edge-active-color;T;I"shiny_edge_active_color;T; iŽ; @ o:Sass::Script::String ;I" inset;T: @type:identifier; iŽ; @ :@separator: space; iŽ; @ ; i:@prop_syntax:new;[; iŽ; @ o; ;[I"box-shadow;T;o; ;[o; ;I"shiny-edge-size;T;I"shiny_edge_size;T; i; @ o; ;I"shiny-edge-active-color;T;I"shiny_edge_active_color;T; i; @ o;! ;I" inset;T;";#; i; @ ;$;%; i; @ ; i;&;';[; i; @ ; i:@has_childrenT; @ ; i‰;3T; @ o; ;[I"5/* We use this to add transitions to elements */; T; ; ;[; i’; @ o;4 ;I"single-transition; T;%[[o;);I" property; T;*I" property; T; @ o; ;I"all; T; ;; i“; @ [o;);I" speed; T;*I" speed; T; @ o; ;i,;[I"ms; T;[; i“;I" 300ms; F; @ [o;);I" ease; T;*I" ease; T; @ o; ;I" ease-out; T; ;; i“; @ ;'0;[o;6 ;[I"-webkit-transition; T;o; ;[o;) ;I" property; T;*I" property; T; i”; @ o;) ;I" speed; T;*I" speed; T; i”; @ o;) ;I" ease; T;*I" ease; T; i”; @ ; ;#; i”; @ ;7i;8;9;[; i”; @ o;6 ;[I"-moz-transition; T;o; ;[o;) ;I" property; T;*I" property; T; i•; @ o;) ;I" speed; T;*I" speed; T; i•; @ o;) ;I" ease; T;*I" ease; T; i•; @ ; ;#; i•; @ ;7i;8;9;[; i•; @ o;6 ;[I"transition; T;o; ;[o;) ;I" property; T;*I" property; T; i–; @ o;) ;I" speed; T;*I" speed; T; i–; @ o;) ;I" ease; T;*I" ease; T; i–; @ ; ;#; i–; @ ;7i;8;9;[; i–; @ ; i“;3T; @ o; ;[I"@/* We use this to add box-sizing across browser prefixes */; T; ; ;[; i™; @ o;4 ;I"box-sizing; T;%[[o;);I" type; T;*I" type; T; @ o; ;I"border-box; T; ;; iš; @ ;'0;[o;6 ;[I"-moz-box-sizing; T;o;) ;I" type; T;*I" type; T; i›; @ ;7i;8;9;[; i›; @ o;6 ;[I"-webkit-box-sizing; T;o;) ;I" type; T;*I" type; T; iœ; @ ;7i;8;9;[; iœ; @ o;6 ;[I"box-sizing; T;o;) ;I" type; T;*I" type; T; i; @ ;7i;8;9;[; i; @ ; iš;3T; @ o; ;[I"6/* We use this to create equalateral triangles */; T; ; ;[; i ; @ o;4 ;I"css-triangle; T;%[[o;);I"triangle-size; T;*I"triangle_size; T; @ 0[o;);I"triangle-color; T;*I"triangle_color; T; @ 0[o;);I"triangle-direction; T;*I"triangle_direction; T; @ 0;'0;[o;6 ;[I" content; T;o;;I"""; T; ;; @ ;7i;8;9;[; i¢; @ o;6 ;[I" display; T;o;;I" block; T; ;; @ ;7i;8;9;[; i£; @ o;6 ;[I" width; T;o;;I"0; T; ;; @ ;7i;8;9;[; i¤; @ o;6 ;[I" height; T;o;;I"0; T; ;; @ ;7i;8;9;[; i„; @ o;6 ;[I" border; T;o; ;[o; ;I" solid; T; ;; i¦; @ o;) ;I"triangle-size; T;*I"triangle_size; T; i¦; @ ; ;#; i¦; @ ;7i;8;9;[; i¦; @ u;"V[o:Sass::Script::Operation :@operand1o:Sass::Script::Variable : @nameI"triangle-direction:ET:@underscored_nameI"triangle_direction; T: @linei§: @options{:@operand2o:Sass::Script::String : @valueI"top; T: @type:identifier; i§; @ :@operator:eq; i§; @ 0[o:Sass::Tree::PropNode ;[I"border-color; T;o:Sass::Script::List ;[ o; ;I"triangle-color; T; I"triangle_color; T; iØ; @ o; ;I"transparent; T;;; iØ; @ o; ;I"transparent; T;;; iØ; @ o; ;I"transparent; T;;; iØ; @ :@separator: space; iØ; @ : @tabsi:@prop_syntax:new:@children[; iØ; @ u;"Y[o:Sass::Script::Operation :@operand1o:Sass::Script::Variable : @nameI"triangle-direction:ET:@underscored_nameI"triangle_direction; T: @lineiŖ: @options{:@operand2o:Sass::Script::String : @valueI" bottom; T: @type:identifier; iŖ; @ :@operator:eq; iŖ; @ 0[o:Sass::Tree::PropNode ;[I"border-color; T;o:Sass::Script::List ;[ o; ;I"transparent; T;;; i«; @ o; ;I"transparent; T;;; i«; @ o; ;I"triangle-color; T; I"triangle_color; T; i«; @ o; ;I"transparent; T;;; i«; @ :@separator: space; i«; @ : @tabsi:@prop_syntax:new:@children[; i«; @ u;"W[o:Sass::Script::Operation :@operand1o:Sass::Script::Variable : @nameI"triangle-direction:ET:@underscored_nameI"triangle_direction; T: @linei­: @options{:@operand2o:Sass::Script::String : @valueI" left; T: @type:identifier; i­; @ :@operator:eq; i­; @ 0[o:Sass::Tree::PropNode ;[I"border-color; T;o:Sass::Script::List ;[ o; ;I"transparent; T;;; i®; @ o; ;I"transparent; T;;; i®; @ o; ;I"transparent; T;;; i®; @ o; ;I"triangle-color; T; I"triangle_color; T; i®; @ :@separator: space; i®; @ : @tabsi:@prop_syntax:new:@children[; i®; @ u;"X[o:Sass::Script::Operation :@operand1o:Sass::Script::Variable : @nameI"triangle-direction:ET:@underscored_nameI"triangle_direction; T: @linei°: @options{:@operand2o:Sass::Script::String : @valueI" right; T: @type:identifier; i°; @ :@operator:eq; i°; @ 0[o:Sass::Tree::PropNode ;[I"border-color; T;o:Sass::Script::List ;[ o; ;I"transparent; T;;; i±; @ o; ;I"triangle-color; T; I"triangle_color; T; i±; @ o; ;I"transparent; T;;; i±; @ o; ;I"transparent; T;;; i±; @ :@separator: space; i±; @ : @tabsi:@prop_syntax:new:@children[; i±; @ ; i”;3T; @ o; ;[I")/* We use this to do clear floats */; T; ; ;[; iµ; @ o;4 ;I" clearfix; T;%[;'0;[o;6 ;[I" *zoom; T;o;;I"1; T; ;; @ ;7i;8;9;[; i·; @ o:Sass::Tree::RuleNode : @rule[I"&:before, &:after; T;7i:@parsed_ruleso:"Sass::Selector::CommaSequence: @members[o:Sass::Selector::Sequence;>[o:#Sass::Selector::SimpleSequence ;>[o:Sass::Selector::Parent; iø:@filenameI"; To:Sass::Selector::Pseudo :@syntactic_type: class;[I" before; T: @arg0; iø;B@®: @subject0: @sourceso:Set: @hash{; iø;B@®o;?;>[o;@ ;>[o;A; iø;B@®o;C ;D;E;[I" after; T;F0; iø;B@®;G0;Ho;I;J{; iø;B@®; iø;B@®;[o;6 ;[I" content; T;o;;I"" "; T; ;; @ ;7i;8;9;[; iø; @ o;6 ;[I" display; T;o;;I" table; T; ;; @ ;7i;8;9;[; iø; @ ; iø;3T; @ o;: ;;[I" &:after; T;7i;[o;?;>[o;@ ;>[o;A; i¹;BI"; To;C ;D;E;[I" after; T;F0; i¹;B@Õ;G0;Ho;I;J{; i¹;B@Õ; i¹;B@Õ;[o;6 ;[I" clear; T;o;;I" both; T; ;; @ ;7i;8;9;[; i¹; @ ; i¹;3T; @ ; i¶;3T; @ o; ;[I"/* Media Queries */; T; ; ;[; i¼; @ o; ;I"small-screen; T;o;$ ;I" emCalc; T;%[o; ;i;[I"px; T;[; i½;I" 768px; F; @ ;&{;'0; i½; @ ;I" !default; T;[; i½; @ o; ;I"medium-screen; T;o;$ ;I" emCalc; T;%[o; ;i;[I"px; T;[; i¾;I" 1280px; F; @ ;&{;'0; i¾; @ ;I" !default; T;[; i¾; @ o; ;I"large-screen; T;o;$ ;I" emCalc; T;%[o; ;i ;[I"px; T;[; iæ;I" 1440px; F; @ ;&{;'0; iæ; @ ;I" !default; T;[; iæ; @ o; ;I" screen; T;o; ;I"only screen; T; ;; iĮ; @ ;I" !default; T;[; iĮ; @ o; ;I" small; T;o:&Sass::Script::StringInterpolation : @beforeo; ;I" only screen and (min-width:; T; ;; iĀ; @ : @mido;) ;I"small-screen; T;*I"small_screen; T; iĀ; @ : @aftero; ;I"); T; ;; iĀ; @ ; iĀ; @ ;I" !default; T;[; iĀ; @ o; ;I" medium; T;o;K ;Lo; ;I" only screen and (min-width:; T; ;; iĆ; @ ;Mo;) ;I"medium-screen; T;*I"medium_screen; T; iĆ; @ ;No; ;I"); T; ;; iĆ; @ ; iĆ; @ ;I" !default; T;[; iĆ; @ o; ;I" large; T;o;K ;Lo; ;I" only screen and (min-width:; T; ;; iÄ; @ ;Mo;) ;I"large-screen; T;*I"large_screen; T; iÄ; @ ;No; ;I"); T; ;; iÄ; @ ; iÄ; @ ;I" !default; T;[; iÄ; @ o; ;I"landscape; T;o; ;I"-only screen and (orientation: landscape); T; ;; iÅ; @ ;I" !default; T;[; iÅ; @ o; ;I" portrait; T;o; ;I",only screen and (orientation: portrait); T; ;; iĘ; @ ;I" !default; T;[; iĘ; @ :@templateI"ģ// Foundation Global Function, Variables and Mixins // // Variables // // The default font-size is set to 100% of the browser style sheet (usually 16px) // for compatibility with brower-based text zoom or user-set defaults. $base-font-size: 100% !default; // Set your base font-size in pixels so emCalc can do its magic below $em-base: 16px !default; // We use these to control various global styles $body-bg: #fff !default; $body-font-color: #222 !default; $body-font-family: "Helvetica Neue", "Helvetica", Helvetica, Arial, sans-serif !default; $body-font-weight: normal !default; $body-font-style: normal !default; // We use these to control text direction settings $text-direction: ltr !default; // Controls default global text direction, 'rtl' or 'ltr' $default-float: left !default; $default-opposite: right !default; // No need to change this conditional statement, $text-direction variable controls it all. @if $text-direction == ltr { $default-float: left; $default-opposite: right; } @else { $default-float: right; $default-opposite: left; } // We use these as default colors throughout $primary-color: #2ba6cb !default; $secondary-color: #e9e9e9 !default; $alert-color: #c60f13 !default; $success-color: #5da423 !default; // We use these to make sure border radius matches unless we want it different. $global-radius: 3px !default; $global-rounded: 1000px !default; // We use these to control inset shadow shiny edges and depressions. $shiny-edge-size: 0 1px 0 !default; $shiny-edge-color: rgba(#fff, .5) !default; $shiny-edge-active-color: rgba(#000, .2) !default; // We use this to control whether or not CSS classes come through in the gem files. $include-html-classes: true !default; $include-print-styles: true !default; $include-html-grid-classes: $include-html-classes !default; $include-html-visibility-classes: $include-html-classes !default; $include-html-button-classes: $include-html-classes !default; $include-html-form-classes: $include-html-classes !default; $include-html-media-classes: $include-html-classes !default; $include-html-section-classes: $include-html-classes !default; $include-html-reveal-classes: $include-html-classes !default; $include-html-alert-classes: $include-html-classes !default; $include-html-nav-classes: $include-html-classes !default; $include-html-label-classes: $include-html-classes !default; $include-html-panel-classes: $include-html-classes !default; $include-html-pricing-classes: $include-html-classes !default; $include-html-progress-classes: $include-html-classes !default; $include-html-magellan-classes: $include-html-classes !default; // // Functions // // Working in ems is annoying. Think in pixels by using this handy function, emCalc(#px) @function emCalc($pxWidth) { @return $pxWidth / $em-base * 1em; } // Creating rems and pixels @function remCalc($pxWidth) { @return $pxWidth / $em-base * 1rem; } // Grid Calculation for Percentages @function gridCalc($colNumber, $totalColumns) { @return percentage(($colNumber / $totalColumns)); } // // Mixins // // We use this to control border radius. @mixin radius($radius:$global-radius) { @if $radius { -webkit-border-radius: $radius; border-radius: $radius; } } // We use this to create equal side border radius on elements. @mixin side-radius($side, $radius) { @include radius(0); @if $side == left { -moz-border-radius-bottomleft: $radius; -moz-border-radius-topleft: $radius; -webkit-border-bottom-left-radius: $radius; -webkit-border-top-left-radius: $radius; border-bottom-left-radius: $radius; border-top-left-radius: $radius; } @else if $side == right { -moz-border-radius-topright: $radius; -moz-border-radius-bottomright: $radius; -webkit-border-top-right-radius: $radius; -webkit-border-bottom-right-radius: $radius; border-top-right-radius: $radius; border-bottom-right-radius: $radius; } @else if $side == top { -moz-border-radius-topright: $radius; -moz-border-radius-topleft: $radius; -webkit-border-top-right-radius: $radius; -webkit-border-top-left-radius: $radius; border-top-right-radius: $radius; border-top-left-radius: $radius; } @else if $side == bottom { -moz-border-radius-bottomright: $radius; -moz-border-radius-bottomleft: $radius; -webkit-border-bottom-right-radius: $radius; -webkit-border-bottom-left-radius: $radius; border-bottom-right-radius: $radius; border-bottom-left-radius: $radius; } } // We can control whether or not we have inset shadows edges. @mixin inset-shadow($active:true) { -webkit-box-shadow: $shiny-edge-size $shiny-edge-color inset; box-shadow: $shiny-edge-size $shiny-edge-color inset; @if $active { &:active { -webkit-box-shadow: $shiny-edge-size $shiny-edge-active-color inset; box-shadow: $shiny-edge-size $shiny-edge-active-color inset; } } } // We use this to add transitions to elements @mixin single-transition($property:all, $speed:300ms, $ease:ease-out) { -webkit-transition: $property $speed $ease; -moz-transition: $property $speed $ease; transition: $property $speed $ease; } // We use this to add box-sizing across browser prefixes @mixin box-sizing($type:border-box) { -moz-box-sizing: $type; -webkit-box-sizing: $type; box-sizing: $type; } // We use this to create equalateral triangles @mixin css-triangle($triangle-size, $triangle-color, $triangle-direction) { content: ""; display: block; width: 0; height: 0; border: solid $triangle-size; @if ($triangle-direction == top) { border-color: $triangle-color transparent transparent transparent; } @if ($triangle-direction == bottom) { border-color: transparent transparent $triangle-color transparent; } @if ($triangle-direction == left) { border-color: transparent transparent transparent $triangle-color; } @if ($triangle-direction == right) { border-color: transparent $triangle-color transparent transparent; } } // We use this to do clear floats @mixin clearfix() { *zoom:1; &:before, &:after { content: " "; display: table; } &:after { clear: both; } } // Media Queries $small-screen: emCalc(768px) !default; $medium-screen: emCalc(1280px) !default; $large-screen: emCalc(1440px) !default; $screen: "only screen" !default; $small: "only screen and (min-width:"#{$small-screen}")" !default; $medium: "only screen and (min-width:"#{$medium-screen}")" !default; $large: "only screen and (min-width:"#{$large-screen}")" !default; $landscape: "only screen and (orientation: landscape)" !default; $portrait: "only screen and (orientation: portrait)" !default; ; T; i;3T; @