3.4.14 (Selective Steve) c06e4c0cbd6ed61b48ce0979414a3a56a1b2b17c 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"p/Users/artemtabalin/Work/js-socials/js-socials/_scss/foundation/scss/foundation/components/_keystrokes.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-keystroke-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;i<;@;@:@filename@; @ : @guardedT: @global0;[; i;o; ;o;; i;i;o;; i;iE;@;@; @ o; ;[I"//* We use these to control text styles. */; T; ; ;[; i; @ o; ;!I"keystroke-font; T;"o:$Sass::Script::Tree::ListLiteral :@elements[ o: Sass::Script::Tree::Literal ;o: Sass::Script::Value::String;I" Consolas; T; : string; @ ; i;o; ;o;; i;i;o;; i;i!;@;@;%@o;* ;o;+;I" Menlo; T; ;,; @ ; i;o; ;o;; i;i#;o;; i;i*;@;@;%@o;* ;o;+;I" Courier; T; ;,; @ ; i;o; ;o;; i;i,;o;; i;i5;@;@;%@o;* ;o;+;I"monospace; T; :identifier; @ ; i;o; ;o;; i;i7;o;; i;i@;@;@;%@:@separator: comma; i;o; ;o;; i;i;o;; i;i!;@;@;%@; @ ;&T;'0;[; i;o; ;o;; i;i;o;; i;iI;@;@; @ o; ;!I"keystroke-font-size; T;"o;* ;o;+;I" inherit; T; ;-; @ ; i;o; ;o;; i;i;o;; i;i#;@;@;%@;&T;'0;[; i;o; ;o;; i;i;o;; i;i,;@;@; @ o; ;!I"keystroke-font-color; T;"o;# ;!I"jet; T;$I"jet; T; i;o; ;o;; i;i;o;; i;i!;@;@;%@; @ ;&T;'0;[; i;o; ;o;; i;i;o;; i;i*;@;@; @ o; ;!I"keystroke-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;i0;@;@; @ o; ;!I"keystroke-function-factor; T;"o;* ;o: Sass::Script::Value::Number ;iô:@numerator_units[I"%; T:@denominator_units[:@originalI"-7%; F; @ ; i;o; ;o;; i;i";o;; i;i%;@;@;%@;&T;'0;[; i;o; ;o;; i;i;o;; i;i.;@;@; @ o; ;[I"4/* We use this to control keystroke padding. */; T; ; ;[; i; @ o; ;!I"keystroke-padding; T;"o: Sass::Script::Tree::Funcall;!I" rem-calc; T: @args[o;( ;)[o;* ;o;0 ;i;1[;2[;3I"2; F; @ ; i;o; ;o;; i;i#;o;; i;i$;@;@;%@o;* ;o;0 ;i ;1[;2@‹;3I"4; F; @ ; i;o; ;o;; i;i%;o;; i;i&;@;@;%@o;* ;o;0 ;i;1[;2@‹;3I"0; F; @ ; i;o; ;o;; i;i';o;; i;i(;@;@;%@;.: space; 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);@;@;%@; @ ;&T;'0;[; i;o; ;o;; i;i;o;; i;i2;@;@; @ o; ;[I"@/* We use these to control background and border styles. */; T; ; ;[; i; @ o; ;!I"keystroke-bg; T;"o;4;!I"scale-color; T;5[o;# ;!I" white; T;$I" white; T; i;o; ;o;; i;i!;o;; i;i';@;@;%@; @ ;7o;8;9{I"lightness; TI"lightness; T;:{I"lightness; To;# ;!I"keystroke-function-factor; T;$I"keystroke_function_factor; T; i;o; ;o;; i;i5;o;; i;iO;@;@;%@; @ ;;0;<0; i;o; ;o;; i;i;o;; i;iP;@;@;%@; @ ;&T;'0;[; i;o; ;o;; i;i;o;; i;iY;@;@; @ o; ;!I"keystroke-border-style; T;"o;* ;o;+;I" solid; T; ;-; @ ; i;o; ;o;; i;i;o;; i;i$;@;@;%@;&T;'0;[; i;o; ;o;; i;i;o;; i;i-;@;@; @ o; ;!I"keystroke-border-width; T;"o;* ;o;0 ;i;1[I"px; T;2[;3I"1px; F; @ ; i;o; ;o;; i;i;o;; i;i";@;@;%@;&T;'0;[; i;o; ;o;; i;i;o;; i;i+;@;@; @ o; ;!I"keystroke-border-color; T;"o;4;!I"scale-color; T;5[o;# ;!I"keystroke-bg; T;$I"keystroke_bg; T; i;o; ;o;; i;i+;o;; i;i8;@;@;%@; @ ;7o;8;9{I"lightness; TI"lightness; T;:{I"lightness; To;# ;!I"keystroke-function-factor; T;$I"keystroke_function_factor; T; i;o; ;o;; i;iF;o;; i;i`;@;@;%@; @ ;;0;<0; i;o; ;o;; i;i;o;; i;ia;@;@;%@; @ ;&T;'0;[; i;o; ;o;; i;i;o;; i;ij;@;@; @ o; ;!I"keystroke-radius; T;"o;# ;!I"global-radius; T;$I"global_radius; T; i ;o; ;o;; i ;i;o;; i ;i';@;@;%@; @ ;&T;'0;[; i ;o; ;o;; i ;i;o;; i ;i0;@;@; @ o; ;[I"­/* * @mixins * * We use this mixin to create keystroke styles. * $bg - Default: $keystroke-bg || scale-color($white, $lightness: $keystroke-function-factor) !default; */; T; ; ;[; i"; @ o:Sass::Tree::MixinDefNode ;!I"keystroke; T;5[[o;# ;!I"bg; T;$I"bg; T; i';o; ;o;; i';i;o;; i';i;@;@;%@; @ o;# ;!I"keystroke-bg; T;$I"keystroke_bg; T; i';o; ;o;; i';i;o;; i';i(;@;@;%@; @ ;;0;[o; ;[I"F/* This find the lightness percentage of the background color. */; T; ; ;[; i(; @ o; ;!I"bg-lightness; T;"o;4;!I"lightness; T;5[o;# ;!I"bg; T;$I"bg; T; i);o; ;o;; i);i!;o;; i);i$;@;@;%@; @ ;7o;8;9{;:{;;0;<0; i);o; ;o;; i);i;o;; i);i%;@;@;%@; @ ;&0;'0;[; i);o; ;o;; i);i ;o;; i);i%;@;@; @ o:Sass::Tree::PropNode;![I"background-color; T;o;# ;!I"bg; T;$I"bg; T; i+;o; ;o;; i+;i;o;; i+;i;@;@;%@; @ : @tabsi:@prop_syntax:new;[; i+;o; ;o;; i+;i;o;; i+;i;@;@:@name_source_rangeo; ;@K;o;; i+;i;@;@:@value_source_rangeo; ;o;; i+;i;@L;@;@; @ o;>;![I"border-color; T;o;4;!I"scale-color; T;5[o;# ;!I"bg; T;$I"bg; T; i,;o; ;o;; i,;i";o;; i,;i%;@;@;%@; @ ;7o;8;9{I"lightness; TI"lightness; T;:{I"lightness; To;# ;!I"keystroke-function-factor; T;$I"keystroke_function_factor; T; i,;o; ;o;; i,;i3;o;; i,;iM;@;@;%@; @ ;;0;<0; i,;o; ;o;; i,;i;o;; i,;iN;@;@;%@; @ ;?i;@;A;[; i,;o; ;o;; i,;i;o;; i,;iN;@;@;Bo; ;@n;o;; i,;i;@;@;Co; ;o;; i,;i;@o;@;@; @ o; ;[I"N/* We adjust the font color based on the brightness of the background. */; T; ; ;[; i.; @ u:Sass::Tree::IfNodeO[o:"Sass::Script::Tree::Operation :@operand1o:!Sass::Script::Tree::Variable : @nameI"bg-lightness:ET:@underscored_nameI"bg_lightness; T: @linei/:@source_rangeo:Sass::Source::Range :@start_poso:Sass::Source::Position; i/: @offseti : @end_poso;; i/;i: @fileI"p/Users/artemtabalin/Work/js-socials/js-socials/_scss/foundation/scss/foundation/components/_keystrokes.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 ;iK:@numerator_units[I"%; T:@denominator_units[:@originalI"70%; F;@; i/; o; ;o;; i/;i;o;; i/;i;@ ;@;@ :@operator:gt; i/; o; ;@ ;o;; i/;i ;@ ;@;@ ;@u:Sass::Tree::IfNodeU[00[o:Sass::Tree::PropNode: @name[I" color:ET: @valueo:!Sass::Script::Tree::Variable ;I"keystroke-font-color-alt;T:@underscored_nameI"keystroke_font_color_alt;T: @linei0:@source_rangeo:Sass::Source::Range :@start_poso:Sass::Source::Position; i0: @offseti: @end_poso;; i0;i0: @fileI"p/Users/artemtabalin/Work/js-socials/js-socials/_scss/foundation/scss/foundation/components/_keystrokes.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[; i0; o; ;o;; i0;i;o;; i0;i0;@;@:@name_source_rangeo; ;@;o;; i0;i;@;@:@value_source_rangeo; ;o;; i0;i;@;@;@;@[o:Sass::Tree::PropNode;[I" color; T;o; ;I"keystroke-font-color; T; I"keystroke_font_color; T; i/; o; ;o;; i/;i);o;; i/;i>;@ ;@;@ ;@: @tabsi:@prop_syntax:new:@children[; i/; o; ;o;; i/;i";o;; i/;i>;@ ;@:@name_source_rangeo; ;@,;o;; i/;i';@ ;@:@value_source_rangeo; ;o;; i/;i);@-;@ ;@;@o;>;![I"border-style; T;o;# ;!I"keystroke-border-style; T;$I"keystroke_border_style; T; i2;o; ;o;; i2;i;o;; i2;i-;@;@;%@; @ ;?i;@;A;[; i2;o; ;o;; i2;i;o;; i2;i-;@;@;Bo; ;@„;o;; i2;i;@;@;Co; ;o;; i2;i;@…;@;@; @ o;>;![I"border-width; T;o;# ;!I"keystroke-border-width; T;$I"keystroke_border_width; T; i3;o; ;o;; i3;i;o;; i3;i-;@;@;%@; @ ;?i;@;A;[; i3;o; ;o;; i3;i;o;; i3;i-;@;@;Bo; ;@•;o;; i3;i;@;@;Co; ;o;; i3;i;@–;@;@; @ o;>;![I" margin; T;o;*;o;+;I"0; T; ;-; @ ; i4;o; ;o;; i4;i;o;; i4;i;@;@;?i;@;A;[; i4;o; ;o;; i4;i;o;; i4;i;@;@;Bo; ;@¦;o;; i4;i;@;@;Co; ;o;; i4;i;@§;@;@; @ o;>;![I"font-family; T;o;# ;!I"keystroke-font; T;$I"keystroke_font; T; i5;o; ;o;; i5;i;o;; i5;i$;@;@;%@; @ ;?i;@;A;[; i5;o; ;o;; i5;i;o;; i5;i$;@;@;Bo; ;@·;o;; i5;i;@;@;Co; ;o;; i5;i;@¸;@;@; @ o;>;![I"font-size; T;o;# ;!I"keystroke-font-size; T;$I"keystroke_font_size; T; i6;o; ;o;; i6;i;o;; i6;i';@;@;%@; @ ;?i;@;A;[; i6;o; ;o;; i6;i;o;; i6;i';@;@;Bo; ;@È;o;; i6;i;@;@;Co; ;o;; i6;i;@É;@;@; @ o;>;![I" padding; T;o;# ;!I"keystroke-padding; T;$I"keystroke_padding; T; i7;o; ;o;; i7;i;o;; i7;i#;@;@;%@; @ ;?i;@;A;[; i7;o; ;o;; i7;i;o;; i7;i#;@;@;Bo; ;@Ù;o;; i7;i;@;@;Co; ;o;; i7;i;@Ú;@;@; @ ; i';o; ;o;; i';i;o;; i';i*;@;@:@has_childrenT; @ o:Sass::Tree::MixinNode;!I" exports; T;5[o;* ;o;+;I"keystroke; T; ;,; @ ; i:;o; ;o;; i:;i;o;; i:;i";@;@;%@;7o;8;9{;:{;;0;<0;[u;DT[o:!Sass::Script::Tree::Variable : @nameI"#include-html-keystroke-classes:ET:@underscored_nameI"#include_html_keystroke_classes;T: @linei;:@source_rangeo:Sass::Source::Range :@start_poso:Sass::Source::Position; i;: @offseti : @end_poso; ; i;;i+: @fileI"p/Users/artemtabalin/Work/js-socials/js-socials/_scss/foundation/scss/foundation/components/_keystrokes.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::RuleNode: @rule[I".keystroke, kbd;T:@parsed_ruleso:"Sass::Selector::CommaSequence: @members[o:Sass::Selector::Sequence;[o:#Sass::Selector::SimpleSequence ;[o:Sass::Selector::Class;I"keystroke;T; i<;0: @subject0: @sourceso;;{; o; ; o; ; i;i;o; ; i;i;0;0; i<;0o;;[I" ;To; ;[o:Sass::Selector::Element ;I"kbd;T:@namespace0; i<;0;"0;#o;;{; o; ; o; ; i;i ;o; ; i;i ;0;0; i<;0; i<;0:@selector_source_rangeo; ; o; ; i<;i ;o; ; i=;i;@ ;@ : @tabsi:@children[o:Sass::Tree::MixinNode;I"keystroke;T: @args[:@keywords{: @splat0:@kwarg_splat0;([; i>; o; ; o; ; i>;i ;o; ; i>;i;@ ;@ ;@o;);I" radius;T;*[o; ;I"keystroke-radius;T;I"keystroke_radius;T; i?; o; ; o; ; i?;i;o; ; i?;i-;@ ;@ ;@ ;@;+o:Sass::Util::NormalizedMap:@key_strings{: @map{;,0;-0;([; i?; o; ; o; ; i?;i ;o; ; i?;i.;@ ;@ ;@; i<; o; ; @1;o; ; i=;i;@ ;@ :@has_childrenT;@; i:;o; ;o;; i:;i;o;; i:;i$;@;@; @ ;ET;I"[// Foundation by ZURB // foundation.zurb.com // Licensed under MIT Open Source @import "global"; // // @variables // $include-html-keystroke-classes: $include-html-classes !default; // We use these to control text styles. $keystroke-font: "Consolas", "Menlo", "Courier", monospace !default; $keystroke-font-size: inherit !default; $keystroke-font-color: $jet !default; $keystroke-font-color-alt: $white !default; $keystroke-function-factor: -7% !default; // We use this to control keystroke padding. $keystroke-padding: rem-calc(2 4 0) !default; // We use these to control background and border styles. $keystroke-bg: scale-color($white, $lightness: $keystroke-function-factor) !default; $keystroke-border-style: solid !default; $keystroke-border-width: 1px !default; $keystroke-border-color: scale-color($keystroke-bg, $lightness: $keystroke-function-factor) !default; $keystroke-radius: $global-radius !default; // // @mixins // // We use this mixin to create keystroke styles. // $bg - Default: $keystroke-bg || scale-color($white, $lightness: $keystroke-function-factor) !default; @mixin keystroke($bg:$keystroke-bg) { // This find the lightness percentage of the background color. $bg-lightness: lightness($bg); background-color: $bg; border-color: scale-color($bg, $lightness: $keystroke-function-factor); // We adjust the font color based on the brightness of the background. @if $bg-lightness > 70% { color: $keystroke-font-color; } @else { color: $keystroke-font-color-alt; } border-style: $keystroke-border-style; border-width: $keystroke-border-width; margin: 0; font-family: $keystroke-font; font-size: $keystroke-font-size; padding: $keystroke-padding; } @include exports("keystroke") { @if $include-html-keystroke-classes { .keystroke, kbd { @include keystroke; @include radius($keystroke-radius); } } } ; T; i;o; ;o;; i;i;o;; i;i;@;@;ET; @