{: versionI"3.2.12 (Media Mark):EF:shaI"-779df352a1834d99d651f42357b28e651d63fedb;F: contents"P1o:Sass::Tree::RootNode :@children[o:Sass::Tree::CommentNode : @value[I" /* * Panel Variables * */:ET: @type: silent;[: @linei: @options{o; ;[I"C/* We use these to control the background and border styles */; T; ; ;[; i ; @ o:Sass::Tree::VariableNode : @nameI" panel-bg; T: @expro:Sass::Script::Funcall ;I" darken; T: @args[o:Sass::Script::Color ;0: @attrs{ :rediÿ: greeniÿ: blueiÿ: alphai; i ; @ o:Sass::Script::Number ;i :@numerator_units[I"%; T:@denominator_units[; i :@originalI"5%; F; @ :@keywords{: @splat0; i ; @ : @guardedI" !default; T;[; i ; @ o; ;I"panel-border-style; T;o:Sass::Script::String ;I" solid; T; :identifier; i ; @ ;I" !default; T;[; i ; @ o; ;I"panel-border-size; T;o; ;i;[I"px; T;[; i ;I"1px; F; @ ;I" !default; T;[; i ; @ o; ;[I"F/* We use this % to control how much we darken things on hover */; T; ; ;[; i; @ o; ;I"panel-function-factor; T;o; ;i;[I"%; T;[; i;I"10%; F; @ ;I" !default; T;[; i; @ o; ;I"panel-border-color; T;o; ;I" darken; T;[o:Sass::Script::Variable ;I" panel-bg; T:@underscored_nameI" panel_bg; T; i; @ o;" ;I"panel-function-factor; T;#I"panel_function_factor; T; i; @ ;{;0; i; @ ;I" !default; T;[; i; @ o; ;[I"F/* We use these to set default inner padding and bottom margin */; T; ; ;[; i; @ o; ;I"panel-margin-bottom; T;o; ;I" emCalc; T;[o; ;i;[I"px; T;[; i;I" 20px; F; @ ;{;0; i; @ ;I" !default; T;[; i; @ o; ;I"panel-padding; T;o; ;I" emCalc; T;[o; ;i;[I"px; T;[; i;I" 20px; F; @ ;{;0; i; @ ;I" !default; T;[; i; @ o; ;[I"2/* We use these to set default font colors */; T; ; ;[; i; @ o; ;I"panel-font-color; T;o; ;0;{ ;i8;i8;i8;i; i; @ ;I" !default; T;[; i; @ o; ;I"panel-font-color-alt; T;o; ;0;{ ;iÿ;iÿ;iÿ;i; i; @ ;I" !default; T;[; i; @ o; ;[I"/* * Panel Mixins * */; T; ; ;[; i; @ o; ;[I"./* We use this mixin to create panels. */; T; ; ;[; i ; @ o:Sass::Tree::MixinDefNode ;I" panel; T;[[o;";I"bg; T;#I"bg; T; @ o;" ;I" panel-bg; T;#I" panel_bg; T; i!; @ [o;";I" padding; T;#I" padding; T; @ o;" ;I"panel-padding; T;#I"panel_padding; T; i!; @ ;0;[u:Sass::Tree::IfNodeÈ[o:Sass::Script::Variable : @nameI"bg:ET:@underscored_nameI"bg;T: @linei#: @options{0[o:Sass::Tree::VariableNode ;I"bg-lightness;T: @expro:Sass::Script::Funcall ;I"lightness;T: @args[o; ;I"bg;T;I"bg;T; i$; @ :@keywords{: @splat0; i$; @ : @guarded0:@children[; i$; @ o:Sass::Tree::PropNode ;[I"border-style;T: @valueo; ;I"panel-border-style;T;I"panel_border_style;T; i&; @ : @tabsi:@prop_syntax:new;[; i&; @ o; ;[I"border-width;T;o; ;I"panel-border-size;T;I"panel_border_size;T; i'; @ ;i;;;[; i'; @ o; ;[I"border-color;T;o; ;I" darken;T;[o; ;I"bg;T;I"bg;T; i(; @ o; ;I"panel-function-factor;T;I"panel_function_factor;T; i(; @ ;{;0; i(; @ ;i;;;[; i(; @ o; ;[I"margin-bottom;T;o; ;I"panel-margin-bottom;T;I"panel_margin_bottom;T; i); @ ;i;;;[; i); @ o; ;[I" padding;T;o; ;I" padding;T;I" padding;T; i*; @ ;i;;;[; i*; @ o; ;[I"background;T;o; ;I"bg;T;I"bg;T; i,; @ ;i;;;[; i,; @ o:Sass::Tree::CommentNode ;[I"A/* We set the font color based on the darkness of the bg. */;T: @type: silent;[; i.; @ u:Sass::Tree::IfNodeö [o:Sass::Script::Operation :@operand1o; ;o:Sass::Script::Variable : @nameI"bg-lightness:ET:@underscored_nameI"bg_lightness; T: @linei/: @options{:@operand2o:Sass::Script::Number : @valuei7:@numerator_units[I"%; T:@denominator_units[; i/:@originalI"50%; F; @ :@operator:gte; i/; @ ; o; ;o; ;I"bg; T; I"bg; T; i/; @ ; o:Sass::Script::Color ;0: @attrs{ :redi: greeni: blueiÿ: alphai; i/; @ ;:eq; i/; @ ;:and; i/; @ u:Sass::Tree::IfNodeŽ[o:Sass::Script::Operation :@operand1o:Sass::Script::Variable : @nameI"bg-lightness:ET:@underscored_nameI"bg_lightness; T: @linei0: @options{:@operand2o:Sass::Script::Number : @valuei7:@numerator_units[I"%; T:@denominator_units[; i0:@originalI"50%; F; @ :@operator:gte; i0; @ u:Sass::Tree::IfNodeË[00[o:Sass::Tree::RuleNode : @rule[I"h1,h2,h3,h4,h5,h6,p:ET: @tabsi:@parsed_ruleso:"Sass::Selector::CommaSequence: @members[ o:Sass::Selector::Sequence; [o:#Sass::Selector::SimpleSequence ; [o:Sass::Selector::Element : @name[I"h1;T:@namespace0: @linei1:@filenameI";T: @subject0: @sourceso:Set: @hash{;i1;@o; ; [o; ; [o; ;[I"h2;T;0;i1;@;0;o;;{;i1;@o; ; [o; ; [o; ;[I"h3;T;0;i1;@;0;o;;{;i1;@o; ; [o; ; [o; ;[I"h4;T;0;i1;@;0;o;;{;i1;@o; ; [o; ; [o; ;[I"h5;T;0;i1;@;0;o;;{;i1;@o; ; [o; ; [o; ;[I"h6;T;0;i1;@;0;o;;{;i1;@o; ; [o; ; [o; ;[I"p;T;0;i1;@;0;o;;{;i1;@;i1;@:@children[o:Sass::Tree::PropNode ;[I" color;T: @valueo:Sass::Script::Variable ;I"panel-font-color-alt;T:@underscored_nameI"panel_font_color_alt;T;i1: @options{;i:@prop_syntax:new;[;i1;@S;i1:@has_childrenT;@S[o:Sass::Tree::RuleNode : @rule[I"h1,h2,h3,h4,h5,h6,p; T: @tabsi:@parsed_ruleso:"Sass::Selector::CommaSequence: @members[ o:Sass::Selector::Sequence;[o:#Sass::Selector::SimpleSequence ;[o:Sass::Selector::Element ;[I"h1; T:@namespace0; i0:@filenameI"; T: @subject0: @sourceso:Set: @hash{; i0; @o;;[o; ;[o; ;[I"h2; T;0; i0; @;!0;"o;#;${; i0; @o;;[o; ;[o; ;[I"h3; T;0; i0; @;!0;"o;#;${; i0; @o;;[o; ;[o; ;[I"h4; T;0; i0; @;!0;"o;#;${; i0; @o;;[o; ;[o; ;[I"h5; T;0; i0; @;!0;"o;#;${; i0; @o;;[o; ;[o; ;[I"h6; T;0; i0; @;!0;"o;#;${; i0; @o;;[o; ;[o; ;[I"p; T;0; i0; @;!0;"o;#;${; i0; @; i0; @:@children[o:Sass::Tree::PropNode ;[I" color; T;o; ;I"panel-font-color; T; I"panel_font_color; T; i0; @ ;i:@prop_syntax:new;%[; i0; @ ; i0:@has_childrenT; @ [o:Sass::Tree::RuleNode : @rule[I"h1,h2,h3,h4,h5,h6,p; T: @tabsi:@parsed_ruleso:"Sass::Selector::CommaSequence: @members[ o:Sass::Selector::Sequence;#[o:#Sass::Selector::SimpleSequence ;#[o:Sass::Selector::Element ;[I"h1; T:@namespace0; i/:@filenameI"; T: @subject0: @sourceso:Set: @hash{; i/;(@%o;$;#[o;% ;#[o;& ;[I"h2; T;'0; i/;(@%;)0;*o;+;,{; i/;(@%o;$;#[o;% ;#[o;& ;[I"h3; T;'0; i/;(@%;)0;*o;+;,{; i/;(@%o;$;#[o;% ;#[o;& ;[I"h4; T;'0; i/;(@%;)0;*o;+;,{; i/;(@%o;$;#[o;% ;#[o;& ;[I"h5; T;'0; i/;(@%;)0;*o;+;,{; i/;(@%o;$;#[o;% ;#[o;& ;[I"h6; T;'0; i/;(@%;)0;*o;+;,{; i/;(@%o;$;#[o;% ;#[o;& ;[I"p; T;'0; i/;(@%;)0;*o;+;,{; i/;(@%; i/;(@%:@children[o:Sass::Tree::PropNode ;[I" color; T;o; ;I"panel-font-color-alt; T; I"panel_font_color_alt; T; i/; @ ; i:@prop_syntax:new;-[; i/; @ ; i/:@has_childrenT; @ o; ;[I"%/* Respect the padding, fool. */;T;;;[; i3; @ o:Sass::Tree::RuleNode : @rule[I"& > :first-child;T;i:@parsed_ruleso:"Sass::Selector::CommaSequence: @members[o:Sass::Selector::Sequence; [o:#Sass::Selector::SimpleSequence ; [o:Sass::Selector::Parent; i4:@filenameI";T: @subject0: @sourceso:Set: @hash{; i4;$@YI">;To;" ; [o:Sass::Selector::Pseudo :@syntactic_type: class;[I"first-child;T: @arg0; i4;$@Y;%0;&o;';({; i4;$@Y; i4;$@Y;[o; ;[I"margin-top;T;o:Sass::Script::String;I"0;T;:identifier; @ ;i;;;[; i4; @ ; i4:@has_childrenT; @ o; ;[I"& > :last-child;T;i;o;; [o;!; [o;" ; [o;#; i5;$I";T;%0;&o;';({; i5;$@uI">;To;" ; [o;) ;*;+;[I"last-child;T;,0; i5;$@u;%0;&o;';({; i5;$@u; i5;$@u;[o; ;[I"margin-bottom;T;o;-;I"0;T;;.; @ ;i;;;[; i5; @ ; i5;/T; @ o; ;[I"//* reset header line-heights for panels */;T;;;[; i7; @ o; ;[I"h1,h2,h3,h4,h5,h6;T;i;o;; [ o;!; [o;" ; [o:Sass::Selector::Element ;[I"h1;T:@namespace0; i8;$I";T;%0;&o;';({; i8;$@’o;!; [o;" ; [o;0 ;[I"h2;T;10; i8;$@’;%0;&o;';({; i8;$@’o;!; [o;" ; [o;0 ;[I"h3;T;10; i8;$@’;%0;&o;';({; i8;$@’o;!; [o;" ; [o;0 ;[I"h4;T;10; i8;$@’;%0;&o;';({; i8;$@’o;!; [o;" ; [o;0 ;[I"h5;T;10; i8;$@’;%0;&o;';({; i8;$@’o;!; [o;" ; [o;0 ;[I"h6;T;10; i8;$@’;%0;&o;';({; i8;$@’; i8;$@’;[o; ;[I"line-height;T;o;-;I"1;T;;.; @ ;i;;;[; i9; @ o; ;[I"margin-bottom;T;o:Sass::Script::Operation :@operand1o; ;I" emCalc;T;[o:Sass::Script::Number ;i:@numerator_units[I"px;T:@denominator_units[; i9:@originalI" 20px;F; @ ;{;0; i9; @ :@operand2o;4 ;i;5[;6[; i9;7I"2;F; @ :@operator:div; i9; @ ;i;;;[; i9; @ o; ;[I"&.subheader;T;i;o;; [o;!; [o;" ; [o;#; i:;$I";To:Sass::Selector::Class;[I"subheader;T; i:;$@å;%0;&o;';({; i:;$@å; i:;$@å;[o; ;[I"line-height;T;o;-;I"1.4;T;;.; @ ;i;;;[; i:; @ ; i:;/T; @ ; i8;/T; @ ; i!:@has_childrenT; @ o; ;[I":/* Only include these classes if the option exists */; T; ; ;[; i?; @ u;%ê[o:Sass::Script::Variable : @nameI"include-html-panel-classes:ET:@underscored_nameI"include_html_panel_classes;T: @linei@: @options{0[o:Sass::Tree::CommentNode : @value[I"/* Panels */;T: @type: normal:@children[; iB; @ o:Sass::Tree::RuleNode : @rule[I" .panel;T: @tabsi:@parsed_ruleso:"Sass::Selector::CommaSequence: @members[o:Sass::Selector::Sequence;[o:#Sass::Selector::SimpleSequence ;[o:Sass::Selector::Class;[I" panel;T; iC:@filenameI";T: @subject0: @sourceso:Set: @hash{; iC;@; iC;@;[o:Sass::Tree::MixinNode ;I" panel;T: @args[:@keywords{: @splat0;[; iC; @ o; ;[I"&.callout;T;i;o;;[o;;[o; ;[o:Sass::Selector::Parent; iE;I";To;;[I" callout;T; iE;@.;0;o;;{; iE;@.; iE;@.;[o; ;I" panel;T;[o; ;I"primary-color;T;I"primary_color;T; iF; @ ; {;!0;[; iF; @ o; ;I"inset-shadow;T;[; {I" active;To:Sass::Script::Bool; F; iG; @ ;!0;[; iG; @ ; iE:@has_childrenT; @ o; ;[I" &.radius;T;i;o;;[o;;[o; ;[o;"; iJ;I";To;;[I" radius;T; iJ;@N;0;o;;{; iJ;@N; iJ;@N;[o; ;I" panel;T;[; {I"bg;To;#; F; iK; @ ;!0;[; iK; @ o; ;I" radius;T;[; {;!0;[; iL; @ ; iJ;$T; @ ; iC;$T; @ :@templateI"ó// // Panel Variables // // We use these to control the background and border styles $panel-bg: darken(#fff, 5%) !default; $panel-border-style: solid !default; $panel-border-size: 1px !default; // We use this % to control how much we darken things on hover $panel-function-factor: 10% !default; $panel-border-color: darken($panel-bg, $panel-function-factor) !default; // We use these to set default inner padding and bottom margin $panel-margin-bottom: emCalc(20px) !default; $panel-padding: emCalc(20px) !default; // We use these to set default font colors $panel-font-color: #333 !default; $panel-font-color-alt: #fff !default; // // Panel Mixins // // We use this mixin to create panels. @mixin panel($bg:$panel-bg, $padding:$panel-padding) { @if $bg { $bg-lightness: lightness($bg); border-style: $panel-border-style; border-width: $panel-border-size; border-color: darken($bg, $panel-function-factor); margin-bottom: $panel-margin-bottom; padding: $padding; background: $bg; // We set the font color based on the darkness of the bg. @if $bg-lightness >= 50% and $bg == blue { h1,h2,h3,h4,h5,h6,p { color: $panel-font-color-alt; } } @else if $bg-lightness >= 50% { h1,h2,h3,h4,h5,h6,p { color: $panel-font-color; } } @else { h1,h2,h3,h4,h5,h6,p { color: $panel-font-color-alt; } } // Respect the padding, fool. &>:first-child { margin-top: 0; } &>:last-child { margin-bottom: 0; } // reset header line-heights for panels h1,h2,h3,h4,h5,h6 { line-height: 1; margin-bottom: emCalc(20px) / 2; &.subheader { line-height: 1.4; } } } } // Only include these classes if the option exists @if $include-html-panel-classes { /* Panels */ .panel { @include panel; &.callout { @include panel($primary-color); @include inset-shadow($active:false); } &.radius { @include panel($bg:false); @include radius; } } }; T; i;&T; @