{: versionI"3.2.19 (Media Mark):EF:shaI"-d8b6994eda80b374cce65bf300fc86e88673a2d4;F: contents"9o:Sass::Tree::RootNode :@children[+o:Sass::Tree::CommentNode : @value[I"$/* * Alert Box Variables * */:ET: @type: silent;[: @linei: @options{o:Sass::Tree::VariableNode : @nameI"include-html-alert-classes; T: @expro:Sass::Script::Variable ;I"include-html-classes; T:@underscored_nameI"include_html_classes; T; @ ; i : @guardedI" !default; T;[; i ; @ o; ;[I"0/* We use this to control alert padding. */; T; ; ;[; i ; @ o; ;I"alert-padding-top; T;o:Sass::Script::Funcall ;I" em-calc; T: @args[o:Sass::Script::Number ;i:@numerator_units[:@denominator_units[; i :@originalI"11; F; @ :@keywords{: @splat0; i ; @ ;I" !default; T;[; i ; @ o; ;I" alert-padding-default-float; T;o; ;I"alert-padding-top; T;I"alert_padding_top; T; @ ; i ;I" !default; T;[; i ; @ o; ;I"%alert-padding-opposite-direction; T;o:Sass::Script::Operation :@operand1o; ;I"alert-padding-top; T;I"alert_padding_top; T; @ ; i:@operand2o; ;I" em-calc; T;[o; ;i;[;@; i;I"10; F; @ ;{;0; i; @ :@operator: plus; i; @ ;I" !default; T;[; i; @ o; ;I"alert-padding-bottom; T;o; ;o; ;I"alert-padding-top; T;I"alert_padding_top; T; @ ; i;o; ;I" em-calc; T;[o; ;i;[;@; i;I"1; F; @ ;{;0; i; @ ;; ; i; @ ;I" !default; T;[; i; @ o; ;[I"./* We use these to control text style. */; T; ; ;[; i; @ o; ;I"alert-font-weight; T;o:Sass::Script::String ;I" bold; T; :identifier; i; @ ;I" !default; T;[; i; @ o; ;I"alert-font-size; T;o; ;I" em-calc; T;[o; ;i;[;@; i;I"14; F; @ ;{;0; i; @ ;I" !default; T;[; i; @ o; ;I"alert-font-color; T;o:Sass::Script::Color ;0: @attrs{ :rediÿ: greeniÿ: blueiÿ: alphai; i; @ ;I" !default; T;[; i; @ o; ;I"alert-font-color-alt; T;o; ;I" darken; T;[o; ;I"secondary-color; T;I"secondary_color; T; @ ; io; ;iA;[I"%; T;[; i;I"60%; F; @ ;{;0; i; @ ;I" !default; T;[; i; @ o; ;[I"./* We use this for close hover effect. */; T; ; ;[; i; @ o; ;I"alert-function-factor; T;o; ;i;[I"%; T;[; i;I"10%; F; @ ;I" !default; T;[; i; @ o; ;[I"1/* We use these to control border styles. */; T; ; ;[; i; @ o; ;I"alert-border-style; T;o;! ;I" solid; T; ;"; i; @ ;I" !default; T;[; i; @ o; ;I"alert-border-width; T;o; ;i;[I"px; T;[; i;I"1px; F; @ ;I" !default; T;[; i; @ o; ;I"alert-border-color; T;o; ;I" darken; T;[o; ;I"primary-color; T;I"primary_color; T; @ ; io; ;I"alert-function-factor; T;I"alert_function_factor; T; @ ; i;{;0; i; @ ;I" !default; T;[; i; @ o; ;I"alert-bottom-margin; T;o; ;I" em-calc; T;[o; ;i;[;@; i;I"20; F; @ ;{;0; i; @ ;I" !default; T;[; i; @ o; ;[I"2/* We use these to style the close buttons */; T; ; ;[; i ; @ o; ;I"alert-close-color; T;o;# ;0;${ ;%i8;&i8;'i8;(i; i!; @ ;I" !default; T;[; i!; @ o; ;I"alert-close-position; T;o; ;I" em-calc; T;[o; ;i ;[;@; i";I"5; F; @ ;{;0; i"; @ ;I" !default; T;[; i"; @ o; ;I"alert-close-font-size; T;o; ;I" em-calc; T;[o; ;i;[;@; i#;I"22; F; @ ;{;0; i#; @ ;I" !default; T;[; i#; @ o; ;I"alert-close-opacity; T;o; ;f0.3;[;@; i$;I"0.3; F; @ ;I" !default; T;[; i$; @ o; ;I"alert-close-opacity-hover; T;o; ;f0.5;[;@; i%;I"0.5; F; @ ;I" !default; T;[; i%; @ o; ;I"alert-close-padding; T;o:Sass::Script::List ;[o; ;i ;[I"px; T;[; i&;I"5px; F; @ o; ;i ;[I"px; T;[; i&;I"4px; F; @ o; ;i ;[I"px; T;[; i&;I"4px; F; @ :@separator: space; i&; @ ;I" !default; T;[; i&; @ o; ;[I"//* We use this to control border radius */; T; ; ;[; i(; @ o; ;I"alert-radius; T;o; ;I"global-radius; T;I"global_radius; T; @ ; i);I" !default; T;[; i); @ o; ;[I"/* * Alert Mixins * */; T; ; ;[; i+; @ o; ;[I"; @ o; ;I"bg-lightness; T;o; ;I"lightness; T;[o; ;I"bg; T;I"bg; T; @ ; i?;{;0; i?; @ ;0;[; i?; @ o; ;[I"E/* We control which background color and border come through. */; T; ; ;[; iA; @ o;- ;[I"background-color; T;o; ;I"bg; T;I"bg; T; @ ; iB;.i;/;0;[; iB; @ o;- ;[I"border-color; T;o; ;I" darken; T;[o; ;I"bg; T;I"bg; T; @ ; iCo; ;I"alert-function-factor; T;I"alert_function_factor; T; @ ; iC;{;0; iC; @ ;.i;/;0;[; iC; @ o; ;[I"K/* We control the text color for you based on the background color. */; T; ; ;[; iE; @ u:Sass::Tree::IfNodeÈ[o:Sass::Script::Operation :@operand1o:Sass::Script::Variable : @nameI"bg-lightness:ET:@underscored_nameI"bg_lightness; T: @options{: @lineiF:@operand2o:Sass::Script::Number : @valueiK:@numerator_units[I"%; T:@denominator_units[; iF:@originalI"70%; F; @ :@operator:gt; iF; @ u:Sass::Tree::IfNodeá[00[o:Sass::Tree::PropNode : @name[I" color:ET: @valueo:Sass::Script::Variable ;I"alert-font-color;T:@underscored_nameI"alert_font_color;T: @options{: @lineiG: @tabsi:@prop_syntax:new:@children[; iG; @ [o:Sass::Tree::PropNode ;[I" color; T;o; ;I"alert-font-color-alt; T; I"alert_font_color_alt; T; @ ; iF: @tabsi:@prop_syntax:new:@children[; iF; @ ; i<;1T; @ o; ;[I"2/* We use this to create the close button. */; T; ; ;[; iK; @ o;, ;I"alert-close; T;[;0;[o;- ;[I"font-size; T;o; ;I"alert-close-font-size; T;I"alert_close_font_size; T; @ ; iM;.i;/;0;[; iM; @ o;- ;[I" padding; T;o; ;I"alert-close-padding; T;I"alert_close_padding; T; @ ; iN;.i;/;0;[; iN; @ o;- ;[I"line-height; T;o;!;I"0; T; ;"; @ ;.i;/;0;[; iO; @ o;- ;[I" position; T;o;!;I" absolute; T; ;"; @ ;.i;/;0;[; iP; @ o;- ;[I"top; T;o; ;o; ;I"alert-close-position; T;I"alert_close_position; T; @ ; iQ;o; ;I" em-calc; T;[o; ;i;[;@; iQ;I"2; F; @ ;{;0; iQ; @ ;; ; iQ; @ ;.i;/;0;[; iQ; @ o;- ;[o; ;I"opposite-direction; T;I"opposite_direction; T; @ ; iR;o; ;I"alert-close-position; T;I"alert_close_position; T; @ ; iR;.i;/;0;[; iR; @ o;- ;[I" color; T;o; ;I"alert-close-color; T;I"alert_close_color; T; @ ; iS;.i;/;0;[; iS; @ o;- ;[I" opacity; T;o; ;I"alert-close-opacity; T;I"alert_close_opacity; T; @ ; iT;.i;/;0;[; iT; @ o:Sass::Tree::RuleNode : @rule[I"&:hover, &:focus; T;.i:@parsed_ruleso:"Sass::Selector::CommaSequence: @members[o:Sass::Selector::Sequence;7[o:#Sass::Selector::SimpleSequence ;7[o:Sass::Selector::Parent; iV:@filenameI"; To:Sass::Selector::Pseudo :@syntactic_type: class;[I" hover; T: @arg0; iV;;@Ñ: @subject0: @sourceso:Set: @hash{; iV;;@Ño;8;7[I" ; To;9 ;7[o;:; iV;;@Ño;< ;=;>;[I" focus; T;?0; iV;;@Ñ;@0;Ao;B;C{; iV;;@Ñ; iV;;@Ñ;[o;- ;[I" opacity; T;o; ;I"alert-close-opacity-hover; T;I"alert_close_opacity_hover; T; @ ; iV;.i;/;0;[; iV; @ ; iV;1T; @ ; iL;1T; @ o; ;[I"D/* We use this to quickly create alerts with a single mixin. */; T; ; ;[; iY; @ o;, ;I" alert; T;[[o;;I"bg; T;I"bg; T; @ o; ;I"primary-color; T;I"primary_color; T; @ ; iZ[o;;I" radius; T;I" radius; T; @ o:Sass::Script::Bool;F; iZ; @ ;0;[o:Sass::Tree::MixinNode ;I"alert-base; T;[;{;0;[; i[; @ o;E ;I"alert-style; T;[o; ;I"bg; T;I"bg; T; @ ; i\;{;0;[; i\; @ o;E ;I" radius; T;[o; ;I" radius; T;I" radius; T; @ ; i];{;0;[; i]; @ ; iZ;1T; @ u;2š[o:Sass::Script::Operation :@operand1o:Sass::Script::Variable : @nameI"include-html-alert-classes:ET:@underscored_nameI"include_html_alert_classes; T: @options{: @linei`:@operand2o:Sass::Script::Bool: @valueF; i`; @ :@operator:neq; i`; @ 0[o:Sass::Tree::CommentNode ;[I"/* Foundation Alerts */; T: @type: normal:@children[; ib; @ o:Sass::Tree::RuleNode : @rule[I".alert-box; T: @tabsi:@parsed_ruleso:"Sass::Selector::CommaSequence: @members[o:Sass::Selector::Sequence;[o:#Sass::Selector::SimpleSequence ;[o:Sass::Selector::Class;[I"alert-box; T; ic:@filenameI"; T: @subject0: @sourceso:Set: @hash{; ic;@; ic;@;[ o:Sass::Tree::MixinNode ;I" alert; T: @args[:@keywords{: @splat0;[; id; @ o; ;[I" .close; T;i;o;;[o;;[o; ;[o;;[I" close; T; if;I"; T; 0;!o;";#{; if;@2; if;@2;[o;$ ;I"alert-close; T;%[;&{;'0;[; if; @ ; if:@has_childrenT; @ o; ;[I" &.radius; T;i;o;;[o;;[o; ;[o:Sass::Selector::Parent; ih;I"; To;;[I" radius; T; ih;@E; 0;!o;";#{; ih;@E; ih;@E;[o;$ ;I" radius; T;%[o; ;I"alert-radius; T; I"alert_radius; T; @ ; ih;&{;'0;[; ih; @ ; ih;(T; @ o; ;[I" &.round; T;i;o;;[o;;[o; ;[o;); ii;I"; To;;[I" round; T; ii;@^; 0;!o;";#{; ii;@^; ii;@^;[o;$ ;I" radius; T;%[o; ;I"global-rounded; T; I"global_rounded; T; @ ; ii;&{;'0;[; ii; @ ; ii;(T; @ o; ;[I"&.success; T;i;o;;[o;;[o; ;[o;); ik;I"; To;;[I" success; T; ik;@w; 0;!o;";#{; ik;@w; ik;@w;[o;$ ;I"alert-style; T;%[o; ;I"success-color; T; I"success_color; T; @ ; ik;&{;'0;[; ik; @ ; ik;(T; @ o; ;[I" &.alert; T;i;o;;[o;;[o; ;[o;); il;I"; To;;[I" alert; T; il;@‹; 0;!o;";#{; il;@‹; il;@‹;[o;$ ;I"alert-style; T;%[o; ;I"alert-color; T; I"alert_color; T; @ ; il;&{;'0;[; il; @ ; il;(T; @ o; ;[I"&.secondary; T;i;o;;[o;;[o; ;[o;); im;I"; To;;[I"secondary; T; im;@¤; 0;!o;";#{; im;@¤; im;@¤;[o;$ ;I"alert-style; T;%[o; ;I"secondary-color; T; I"secondary_color; T; @ ; im;&{;'0;[; im; @ ; im;(T; @ ; ic;(T; @ :@templateI"Ÿ // // Alert Box Variables // $include-html-alert-classes: $include-html-classes !default; // We use this to control alert padding. $alert-padding-top: em-calc(11) !default; $alert-padding-default-float: $alert-padding-top !default; $alert-padding-opposite-direction: $alert-padding-top + em-calc(10) !default; $alert-padding-bottom: $alert-padding-top + em-calc(1) !default; // We use these to control text style. $alert-font-weight: bold !default; $alert-font-size: em-calc(14) !default; $alert-font-color: #fff !default; $alert-font-color-alt: darken($secondary-color, 60%) !default; // We use this for close hover effect. $alert-function-factor: 10% !default; // We use these to control border styles. $alert-border-style: solid !default; $alert-border-width: 1px !default; $alert-border-color: darken($primary-color, $alert-function-factor) !default; $alert-bottom-margin: em-calc(20) !default; // We use these to style the close buttons $alert-close-color: #333 !default; $alert-close-position: em-calc(5) !default; $alert-close-font-size: em-calc(22) !default; $alert-close-opacity: 0.3 !default; $alert-close-opacity-hover: 0.5 !default; $alert-close-padding: 5px 4px 4px !default; // We use this to control border radius $alert-radius: $global-radius !default; // // Alert Mixins // // We use this mixin to create a default alert base. @mixin alert-base { border-style: $alert-border-style; border-width: $alert-border-width; display: block; font-weight: $alert-font-weight; margin-bottom: $alert-bottom-margin; position: relative; padding: $alert-padding-top $alert-padding-opposite-direction $alert-padding-bottom $alert-padding-default-float; font-size: $alert-font-size; } // We use this mixin to add alert styles @mixin alert-style($bg:$primary-color) { // This find the lightness percentage of the background color. $bg-lightness: lightness($bg); // We control which background color and border come through. background-color: $bg; border-color: darken($bg, $alert-function-factor); // We control the text color for you based on the background color. @if $bg-lightness > 70% { color: $alert-font-color-alt; } @else { color: $alert-font-color; } } // We use this to create the close button. @mixin alert-close { font-size: $alert-close-font-size; padding: $alert-close-padding; line-height: 0; position: absolute; top: $alert-close-position + em-calc(2); #{$opposite-direction}: $alert-close-position; color: $alert-close-color; opacity: $alert-close-opacity; &:hover, &:focus { opacity: $alert-close-opacity-hover; } } // We use this to quickly create alerts with a single mixin. @mixin alert($bg:$primary-color, $radius:false) { @include alert-base; @include alert-style($bg); @include radius($radius); } @if $include-html-alert-classes != false { /* Foundation Alerts */ .alert-box { @include alert; .close { @include alert-close; } &.radius { @include radius($alert-radius); } &.round { @include radius($global-rounded); } &.success { @include alert-style($success-color); } &.alert { @include alert-style($alert-color); } &.secondary { @include alert-style($secondary-color); } } } ; T; i;1T; @