3.4.9 (Selective Steve) 6e741241e92fd1fa671120c9cd2a8fdf9ed7c567 o:Sass::Tree::RootNode :@children[o:Sass::Tree::CommentNode : @value[I"V/* Foundation by ZURB * foundation.zurb.com * Licensed under MIT Open Source */:ET: @type: silent;[: @linei: @options{o:Sass::Tree::ImportNode :@imported_filenameI" global; T;[:@template0; i :@source_rangeo:Sass::Source::Range :@start_poso:Sass::Source::Position; i : @offseti: @end_poso;; i ;i: @fileI"w/Users/artemtabalin/Work/js-socials/js-socials/bower_components/foundation/scss/foundation/components/_panels.scss; F:@importero: Sass::Importers::Filesystem: @rootI"9/Users/artemtabalin/Work/js-socials/js-socials/_scss; F:@real_rootI"9/Users/artemtabalin/Work/js-socials/js-socials/_scss; F:@same_name_warningso:Set: @hash{; @ :@imported_file0o; ;[I"/* * @variables * */; T; ; ;[; i ; @ o:Sass::Tree::VariableNode : @nameI"include-html-panel-classes; T: @expro:!Sass::Script::Tree::Variable ;!I"include-html-classes; T:@underscored_nameI"include_html_classes; T; i;o; ;o;; i;i#;o;; i;i8;@;@:@filename@; @ : @guardedT: @global0;[; i;o; ;o;; i;i;o;; i;iA;@;@; @ o; ;[I"C/* We use these to control the background and border styles */; T; ; ;[; i; @ o; ;!I" panel-bg; T;"o: Sass::Script::Tree::Funcall;!I"scale-color; T: @args[o;# ;!I" white; T;$I" white; T; i;o; ;o;; i;i;o;; i;i#;@;@;%@; @ :@keywordso:Sass::Util::NormalizedMap:@key_strings{I"lightness; TI"lightness; T: @map{I"lightness; To: Sass::Script::Tree::Literal ;o: Sass::Script::Value::Number ;iö:@numerator_units[I"%; T:@denominator_units[:@originalI"-5%; F; @ ; i;o; ;o;; i;i1;o;; i;i4;@;@;%@: @splat0:@kwarg_splat0; i;o; ;o;; i;i;o;; i;i5;@;@;%@; @ ;&T;'0;[; i;o; ;o;; i;i;o;; i;i>;@;@; @ o; ;!I"panel-border-style; T;"o;. ;o: Sass::Script::Value::String;I" solid; T; :identifier; @ ; i;o; ;o;; i;i;o;; i;i ;@;@;%@;&T;'0;[; i;o; ;o;; i;i;o;; i;i);@;@; @ o; ;!I"panel-border-size; T;"o;. ;o;/ ;i;0[I"px; T;1[;2I"1px; F; @ ; i;o; ;o;; i;i;o;; i;i;@;@;%@;&T;'0;[; i;o; ;o;; i;i;o;; i;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;. ;o;/ ;ið;0[I"%; T;1[;2I" -11%; F; @ ; i;o; ;o;; i;i;o;; i;i";@;@;%@;&T;'0;[; i;o; ;o;; i;i;o;; i;i+;@;@; @ o; ;!I"panel-border-color; T;"o;(;!I"scale-color; T;)[o;# ;!I" panel-bg; T;$I" panel_bg; T; i;o; ;o;; i;i';o;; i;i0;@;@;%@; @ ;*o;+;,{I"lightness; TI"lightness; T;-{I"lightness; To;# ;!I"panel-function-factor; T;$I"panel_function_factor; T; i;o; ;o;; i;i>;o;; i;iT;@;@;%@; @ ;30;40; i;o; ;o;; i;i;o;; i;iU;@;@;%@; @ ;&T;'0;[; i;o; ;o;; i;i;o;; i;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" rem-calc; T;)[o;. ;o;/ ;i;0[;1[;2I"20; F; @ ; i;o; ;o;; i;i%;o;; i;i';@;@;%@;*o;+;,{;-{;30;40; i;o; ;o;; i;i;o;; i;i(;@;@;%@; @ ;&T;'0;[; i;o; ;o;; i;i;o;; i;i1;@;@; @ o; ;!I"panel-padding; T;"o;(;!I" rem-calc; T;)[o;. ;o;/ ;i;0[;1@ ;2I"20; F; @ ; i;o; ;o;; i;i;o;; i;i!;@;@;%@;*o;+;,{;-{;30;40; i;o; ;o;; i;i;o;; i;i";@;@;%@; @ ;&T;'0;[; i;o; ;o;; i;i;o;; i;i+;@;@; @ o; ;[I"2/* We use these to set default font colors */; T; ; ;[; i; @ o; ;!I"panel-font-color; T;"o;# ;!I"oil; T;$I"oil; T; i;o; ;o;; i;i;o;; i;i;@;@;%@; @ ;&T;'0;[; i;o; ;o;; i;i;o;; i;i&;@;@; @ o; ;!I"panel-font-color-alt; T;"o;# ;!I" white; T;$I" white; T; i ;o; ;o;; i ;i;o;; i ;i#;@;@;%@; @ ;&T;'0;[; i ;o; ;o;; i ;i;o;; i ;i,;@;@; @ o; ;!I"panel-header-adjust; T;"o;. ;o:Sass::Script::Value::Bool;T; @ ;o; ;o;; if;iN;o;; if;iR;I"{/Users/artemtabalin/Work/js-socials/js-socials/bower_components/foundation/scss/foundation/components/_pagination.scss; F;@; i";o; ;o;; i";i;o;; i";i ;@;@;%@;&T;'0;[; i";o; ;o;; i";i;o;; i";i);@;@; @ o; ;!I"callout-panel-link-color; T;"o;# ;!I"primary-color; T;$I"primary_color; T; i#;o; ;o;; i#;i!;o;; i#;i/;@;@;%@; @ ;&T;'0;[; i#;o; ;o;; i#;i;o;; i#;i8;@;@; @ o; ;!I"#callout-panel-link-color-hover; T;"o;(;!I"scale-color; T;)[o;# ;!I"callout-panel-link-color; T;$I"callout_panel_link_color; T; i$;o; ;o;; i$;i3;o;; i$;iL;@;@;%@; @ ;*o;+;,{I"lightness; TI"lightness; T;-{I"lightness; To;. ;o;/ ;ií;0[I"%; T;1[;2I" -14%; F; @ ; i$;o; ;o;; i$;iZ;o;; i$;i^;@;@;%@;30;40; i$;o; ;o;; i$;i';o;; i$;i_;@;@;%@; @ ;&T;'0;[; i$;o; ;o;; i$;i;o;; i$;ih;@;@; @ o; ;[I"/* * @mixins * * We use this mixin to create panels. * $bg - Sets the panel background color. Default: $panel-pg || scale-color($white, $lightness: -5%) !default * $padding - Sets the panel padding amount. Default: $panel-padding || rem-calc(20) * $adjust - Sets the font color based on the darkness of the bg & resets header line-heights for panels. Default: $panel-header-adjust || true */; T; ; ;[; i%; @ o:Sass::Tree::MixinDefNode ;!I" panel; T;)[[o;# ;!I"bg; T;$I"bg; T; i,;o; ;o;; i,;i;o;; i,;i;@;@;%@; @ o;# ;!I" panel-bg; T;$I" panel_bg; T; i,;o; ;o;; i,;i;o;; i,;i ;@;@;%@; @ [o;# ;!I" padding; T;$I" padding; T; i,;o; ;o;; i,;i";o;; i,;i*;@;@;%@; @ o;# ;!I"panel-padding; T;$I"panel_padding; T; i,;o; ;o;; i,;i+;o;; i,;i9;@;@;%@; @ [o;# ;!I" adjust; T;$I" adjust; T; i,;o; ;o;; i,;i;;o;; i,;iB;@;@;%@; @ o;# ;!I"panel-header-adjust; T;$I"panel_header_adjust; T; i,;o; ;o;; i,;iC;o;; i,;iW;@;@;%@; @ ;30;[u:Sass::Tree::IfNodeR9[o:!Sass::Script::Tree::Variable : @nameI"bg:ET:@underscored_nameI"bg;T: @linei.:@source_rangeo:Sass::Source::Range :@start_poso:Sass::Source::Position; i.: @offseti : @end_poso; ; i.;i: @fileI"w/Users/artemtabalin/Work/js-socials/js-socials/bower_components/foundation/scss/foundation/components/_panels.scss;F:@importero: Sass::Importers::Filesystem: @rootI"9/Users/artemtabalin/Work/js-socials/js-socials/_scss;F:@real_rootI"9/Users/artemtabalin/Work/js-socials/js-socials/_scss;F:@same_name_warningso:Set: @hash{:@filename@ : @options{0[o:Sass::Tree::VariableNode ;I"bg-lightness;T: @expro: Sass::Script::Tree::Funcall;I"lightness;T: @args[o; ;I"bg;T;I"bg;T; i/; o; ; o; ; i/;i#;o; ; i/;i&;@ ;@ ;@ ;@:@keywordso:Sass::Util::NormalizedMap:@key_strings{: @map{: @splat0:@kwarg_splat0; i/; o; ; o; ; i/;i;o; ; i/;i';@ ;@ ;@ ;@: @guarded0: @global0:@children[; i/; o; ; o; ; i/;i ;o; ; i/;i';@ ;@ ;@o:Sass::Tree::PropNode;[I"border-style;T: @valueo; ;I"panel-border-style;T;I"panel_border_style;T; i1; o; ; o; ; i1;i;o; ; i1;i+;@ ;@ ;@ ;@: @tabsi:@prop_syntax:new;&[; i1; o; ; o; ; i1;i ;o; ; i1;i+;@ ;@ :@name_source_rangeo; ; @4;o; ; i1;i;@ ;@ :@value_source_rangeo; ; o; ; i1;i;@5;@ ;@ ;@o;';[I"border-width;T;(o; ;I"panel-border-size;T;I"panel_border_size;T; i2; o; ; o; ; i2;i;o; ; i2;i*;@ ;@ ;@ ;@;)i;*;+;&[; i2; o; ; o; ; i2;i ;o; ; i2;i*;@ ;@ ;,o; ; @E;o; ; i2;i;@ ;@ ;-o; ; o; ; i2;i;@F;@ ;@ ;@o;';[I"border-color;T;(o;;I"scale-color;T;[o; ;I"bg;T;I"bg;T; i3; o; ; o; ; i3;i$;o; ; i3;i';@ ;@ ;@ ;@;o;; {I"lightness;TI"lightness;T;!{I"lightness;To; ;I"panel-function-factor;T;I"panel_function_factor;T; i3; o; ; o; ; i3;i5;o; ; i3;iK;@ ;@ ;@ ;@;"0;#0; i3; o; ; o; ; i3;i;o; ; i3;iL;@ ;@ ;@ ;@;)i;*;+;&[; i3; o; ; o; ; i3;i ;o; ; i3;iL;@ ;@ ;,o; ; @h;o; ; i3;i;@ ;@ ;-o; ; o; ; i3;i;@i;@ ;@ ;@o;';[I"margin-bottom;T;(o; ;I"panel-margin-bottom;T;I"panel_margin_bottom;T; i4; o; ; o; ; i4;i;o; ; i4;i-;@ ;@ ;@ ;@;)i;*;+;&[; i4; o; ; o; ; i4;i ;o; ; i4;i-;@ ;@ ;,o; ; @y;o; ; i4;i;@ ;@ ;-o; ; o; ; i4;i;@z;@ ;@ ;@o;';[I" padding;T;(o; ;I" padding;T;I" padding;T; i5; o; ; o; ; i5;i;o; ; i5;i;@ ;@ ;@ ;@;)i;*;+;&[; i5; o; ; o; ; i5;i ;o; ; i5;i;@ ;@ ;,o; ; @…;o; ; i5;i;@ ;@ ;-o; ; o; ; i5;i;@†;@ ;@ ;@o;';[I"background;T;(o; ;I"bg;T;I"bg;T; i7; o; ; o; ; i7;i;o; ; i7;i;@ ;@ ;@ ;@;)i;*;+;&[; i7; o; ; o; ; i7;i ;o; ; i7;i;@ ;@ ;,o; ; @–;o; ; i7;i;@ ;@ ;-o; ; o; ; i7;i;@—;@ ;@ ;@u:Sass::Tree::IfNodeN[o:"Sass::Script::Tree::Operation :@operand1o:!Sass::Script::Tree::Variable : @nameI"bg-lightness:ET:@underscored_nameI"bg_lightness; T: @linei8:@source_rangeo:Sass::Source::Range :@start_poso:Sass::Source::Position; i8: @offseti: @end_poso;; i8;i: @fileI"w/Users/artemtabalin/Work/js-socials/js-socials/bower_components/foundation/scss/foundation/components/_panels.scss; F:@importero: Sass::Importers::Filesystem: @rootI"9/Users/artemtabalin/Work/js-socials/js-socials/_scss; F:@real_rootI"9/Users/artemtabalin/Work/js-socials/js-socials/_scss; F:@same_name_warningso:Set: @hash{:@filename@ : @options{:@operand2o: Sass::Script::Tree::Literal : @valueo: Sass::Script::Value::Number ;i7:@numerator_units[I"%; T:@denominator_units[:@originalI"50%; F;@; i8; o; ;o;; i8;i;o;; i8;i";@ ;@;@ :@operator:gte; i8; o; ;@ ;o;; i8;i#;@ ;@;@ ;@u:Sass::Tree::IfNodeT[00[o:Sass::Tree::PropNode: @name[I" color:ET: @valueo:!Sass::Script::Tree::Variable ;I"panel-font-color-alt;T:@underscored_nameI"panel_font_color_alt;T: @linei9:@source_rangeo:Sass::Source::Range :@start_poso:Sass::Source::Position; i9: @offseti: @end_poso;; i9;i.: @fileI"w/Users/artemtabalin/Work/js-socials/js-socials/bower_components/foundation/scss/foundation/components/_panels.scss;F:@importero: Sass::Importers::Filesystem: @rootI"9/Users/artemtabalin/Work/js-socials/js-socials/_scss;F:@real_rootI"9/Users/artemtabalin/Work/js-socials/js-socials/_scss;F:@same_name_warningso:Set: @hash{:@filename@: @options{: @tabsi:@prop_syntax:new:@children[; i9; o; ;o;; i9;i;o;; i9;i.;@;@:@name_source_rangeo; ;@;o;; i9;i;@;@:@value_source_rangeo; ;o;; i9;i;@;@;@;@[o:Sass::Tree::PropNode;[I" color; T;o; ;I"panel-font-color; T; I"panel_font_color; T; i8; o; ;o;; i8;i,;o;; i8;i=;@ ;@;@ ;@: @tabsi:@prop_syntax:new:@children[; i8; o; ;o;; i8;i%;o;; i8;i=;@ ;@:@name_source_rangeo; ;@,;o;; i8;i*;@ ;@:@value_source_rangeo; ;o;; i8;i,;@-;@ ;@;@o:Sass::Tree::CommentNode ;([I"%/* Respect the padding, fool. */;T: @type: silent;&[; i;;@o:Sass::Tree::RuleNode: @rule[I"&>:first-child;T:@parsed_ruleso:"Sass::Selector::CommaSequence: @members[o:Sass::Selector::Sequence;6[o:#Sass::Selector::SimpleSequence ;6[o:Sass::Selector::Parent: @suffix0; i<;0: @subject0: @sourceso;;{; o; ; o; ; i;i;o; ; i;i;0;0; i<;0I">;To;8 ;6[o:Sass::Selector::Pseudo :@syntactic_type: class;I"first-child;T: @arg0:@selector0; i<;0;;0;:last-child;T;4o;5;6[o;7;6[o;8 ;6[o;9;:0; i=;0;;0;;To;8 ;6[o;= ;>;?;I"last-child;T;@0;A0; i=;0;;0;;?;I" hover;T;@0;A0; i\;0;'0;(o;;{; o; ; o; ; i;i;o; ; i;i ;0;0; i\;0o;$;#[I" ;To;% ;#[o;0;10; i\;0o;= ;>;?;I" focus;T;@0;A0; i\;0;'0;(o;;{; o; ; o; ; i;i;o; ; i;i;0;0; i\;0; i\;0;)o; ; o; ; i\;i;o; ; i];i;@ ;@ ;*i;[o;B;[I" color;T;o; ;I"#callout-panel-link-color-hover;T;I"#callout_panel_link_color_hover;T; i^; o; ; o; ; i^;i;o; ; i^;i8;@ ;@ ;@ ;@;*i;C;D;[; i^; o; ; o; ; i^;i;o; ; i^;i8;@ ;@ ;Eo; ; @Ê;o; ; i^;i;@ ;@ ;Fo; ; o; ; i^;i;@Ë;@ ;@ ;@; i\; o; ; @¼;o; ; i];i;@ ;@ :@has_childrenT;@; iY; o; ; @‰;o; ; iY;i;@ ;@ ;GT;@; iW; o; ; @F;o; ; iW;i;@ ;@ ;GT;@o;; [I" &.radius;T;!o;";#[o;$;#[o;% ;#[o;0;10; ic;0o;&;I" radius;T; ic;0;'0;(o;;{; o; ; o; ; i;i;o; ; i;i;0;0; ic;0; ic;0;)o; ; o; ; ic;i ;o; ; ic;i;@ ;@ ;*i;[o;+;I" radius;T;,[;-{;.0;/0;[; id; o; ; o; ; id;i;o; ; id;i;@ ;@ ;@; ic; o; ; @è;o; ; ic;i;@ ;@ ;GT;@; iU; o; ; @);o; ; iU;i;@ ;@ ;GT;@; iQ;o; ;o;; iQ;i;o;; iQ;i ;@;@;:T; @ ;I"p // Foundation by ZURB // foundation.zurb.com // Licensed under MIT Open Source @import "global"; // // @variables // $include-html-panel-classes: $include-html-classes !default; // We use these to control the background and border styles $panel-bg: scale-color($white, $lightness: -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: -11% !default; $panel-border-color: scale-color($panel-bg, $lightness: $panel-function-factor) !default; // We use these to set default inner padding and bottom margin $panel-margin-bottom: rem-calc(20) !default; $panel-padding: rem-calc(20) !default; // We use these to set default font colors $panel-font-color: $oil !default; $panel-font-color-alt: $white !default; $panel-header-adjust: true !default; $callout-panel-link-color: $primary-color !default; $callout-panel-link-color-hover: scale-color($callout-panel-link-color, $lightness: -14%) !default; // // @mixins // // We use this mixin to create panels. // $bg - Sets the panel background color. Default: $panel-pg || scale-color($white, $lightness: -5%) !default // $padding - Sets the panel padding amount. Default: $panel-padding || rem-calc(20) // $adjust - Sets the font color based on the darkness of the bg & resets header line-heights for panels. Default: $panel-header-adjust || true @mixin panel($bg:$panel-bg, $padding:$panel-padding, $adjust:$panel-header-adjust) { @if $bg { $bg-lightness: lightness($bg); border-style: $panel-border-style; border-width: $panel-border-size; border-color: scale-color($bg, $lightness: $panel-function-factor); margin-bottom: $panel-margin-bottom; padding: $padding; background: $bg; @if $bg-lightness >= 50% { color: $panel-font-color; } @else { color: $panel-font-color-alt; } // Respect the padding, fool. &>:first-child { margin-top: 0; } &>:last-child { margin-bottom: 0; } @if $adjust { // We set the font color based on the darkness of the bg. @if $bg-lightness >= 50% { h1,h2,h3,h4,h5,h6,p,li,dl { color: $panel-font-color; } } @else { h1,h2,h3,h4,h5,h6,p,li,dl { color: $panel-font-color-alt; } } // reset header line-heights for panels h1,h2,h3,h4,h5,h6 { line-height: 1; margin-bottom: rem-calc(20) / 2; &.subheader { line-height: 1.4; } } } } } @include exports("panel") { @if $include-html-panel-classes { /* Panels */ .panel { @include panel; &.callout { @include panel(scale-color($primary-color, $lightness: 94%)); a:not(.button) { color: $callout-panel-link-color; &:hover, &:focus { color: $callout-panel-link-color-hover; } } } &.radius { @include radius; } } } } ; T; i;o; ;o;; i;i;o;; i;i;@;@;:T; @