3.4.22 (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;[:@filename0: @options{: @linei:@source_rangeo:Sass::Source::Range :@start_poso:Sass::Source::Position;i: @offseti: @end_poso;;i;i': @fileI"s/Users/artemtabalin/Work/JSGrid/jsgrid/bower_components/foundation/scss/foundation/components/_keystrokes.scss; T:@importero: Sass::Importers::Filesystem: @rootI"L/Users/artemtabalin/Work/JSGrid/jsgrid/bower_components/foundation/scss; T:@real_rootI"L/Users/artemtabalin/Work/JSGrid/jsgrid/bower_components/foundation/scss; T:@same_name_warningso:Set: @hash{o:Sass::Tree::ImportNode :@imported_filenameI" global; T;[; 0; @ :@template0;i ;o; ;o;;i ;i;o;;i ;i;@;@:@imported_file0o; ;[I"/* * @variables * */; T; ; ;[; 0; @ ;i ;o; ;o;;i ;i;o;;i;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:@css_variable_warning0;i;o; ;o;;i;i';o;;i;i<;@;@; @; @ : @guardedT: @global0;[; 0; @ ;i;o; ;o;;i;i;o;;i;iE;@;@o; ;[I"//* We use these to control text styles. */; T; ; ;[; 0; @ ;i;o; ;o;;i;i;o;;i;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:"@deprecated_interp_equivalent0;i;o; ;o;;i;i;o;;i;i!;@;@;&0; @o;+ ;o;, ;I" Menlo; T; @ ; ;-;.0;i;o; ;o;;i;i#;o;;i;i*;@;@;&0; @o;+ ;o;, ;I" Courier; T; @ ; ;-;.0;i;o; ;o;;i;i,;o;;i;i5;@;@;&0; @o;+ ;o;, ;I"monospace; T; @ ; :identifier;.0;i;o; ;o;;i;i7;o;;i;i@;@;@;&0; @:@separator: comma;&0;i;o; ;o;;i;i;@P;@;@; @; @ ;'T;(0;[; 0; @ ;i;o; ;o;;i;i;o;;i;iI;@;@o;!;"I"keystroke-font-size; T;#o;+ ;o;, ;I" inherit; T; @ ; ;/;.0;i;o; ;o;;i;i;o;;i;i#;@;@;&0; @;'T;(0;[; 0; @ ;i;o; ;o;;i;i;o;;i;i,;@;@o;!;"I"keystroke-font-color; T;#o;$ ;"I"jet; T;%I"jet; T;&0;i;o; ;o;;i;i;o;;i;i!;@;@; @; @ ;'T;(0;[; 0; @ ;i;o; ;o;;i;i;o;;i;i*;@;@o;!;"I"keystroke-font-color-alt; T;#o;$ ;"I" white; T;%I" white; T;&0;i;o; ;o;;i;i!;o;;i;i';@;@; @; @ ;'T;(0;[; 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%;@;@;&0; @;'T;(0;[; 0; @ ;i;o; ;o;;i;i;o;;i;i.;@;@o; ;[I"4/* We use this to control keystroke padding. */; T; ; ;[; 0; @ ;i;o; ;o;;i;i;o;;i;i2;@;@o;!;"I"keystroke-padding; T;#o: Sass::Script::Tree::Funcall;"I" rem-calc; T: @args[o;) ;*[o;+ ;o;2 ;i; @ ;3[;4[;5I"2; F;i;o; ;o;;i;i#;o;;i;i$;@;@;&0; @o;+ ;o;2 ;i ; @ ;3[;4@–;5I"4; F;i;o; ;o;;i;i%;o;;i;i&;@;@;&0; @o;+ ;o;2 ;i; @ ;3[;4@–;5I"0; F;i;o; ;o;;i;i';o;;i;i(;@;@;&0; @;0: space;&0;i;o; ;o;;i;i#;o;;i;i(;@;@; @; @ :@keywordso:Sass::Util::NormalizedMap:@key_strings{: @map{: @splat0:@kwarg_splat0;&0;i;o; ;o;;i;i;o;;i;i);@;@; @; @ ;'T;(0;[; 0; @ ;i;o; ;o;;i;i;o;;i;i2;@;@o; ;[I"@/* We use these to control background and border styles. */; T; ; ;[; 0; @ ;i;o; ;o;;i;i;o;;i;i>;@;@o;!;"I"keystroke-bg; T;#o;6;"I"scale-color; T;7[o;$ ;"I" white; T;%I" white; T;&0;i;o; ;o;;i;i!;o;;i;i';@;@; @; @ ;9o;:;;{I"lightness; TI"lightness; T;<{@Êo;$ ;"I"keystroke-function-factor; T;%I"keystroke_function_factor; T;&0;i;o; ;o;;i;i5;o;;i;iO;@;@; @; @ ;=0;>0;&0;i;o; ;o;;i;i;o;;i;iP;@;@; @; @ ;'T;(0;[; 0; @ ;i;o; ;o;;i;i;o;;i;iY;@;@o;!;"I"keystroke-border-style; T;#o;+ ;o;, ;I" solid; T; @ ; ;/;.0;i;o; ;o;;i;i;o;;i;i$;@;@;&0; @;'T;(0;[; 0; @ ;i;o; ;o;;i;i;o;;i;i-;@;@o;!;"I"keystroke-border-width; T;#o;+ ;o;2 ;i; @ ;3[I"px; T;4[;5I"1px; F;i;o; ;o;;i;i;o;;i;i";@;@;&0; @;'T;(0;[; 0; @ ;i;o; ;o;;i;i;o;;i;i+;@;@o;!;"I"keystroke-border-color; T;#o;6;"I"scale-color; T;7[o;$ ;"I"keystroke-bg; T;%I"keystroke_bg; T;&0;i;o; ;o;;i;i+;o;;i;i8;@;@; @; @ ;9o;:;;{I"lightness; TI"lightness; T;<{@o;$ ;"I"keystroke-function-factor; T;%I"keystroke_function_factor; T;&0;i;o; ;o;;i;iF;o;;i;i`;@;@; @; @ ;=0;>0;&0;i;o; ;o;;i;i;o;;i;ia;@;@; @; @ ;'T;(0;[; 0; @ ;i;o; ;o;;i;i;o;;i;ij;@;@o;!;"I"keystroke-radius; T;#o;$ ;"I"global-radius; T;%I"global_radius; T;&0;i ;o; ;o;;i ;i;o;;i ;i';@;@; @; @ ;'T;(0;[; 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; ; ;[; 0; @ ;i";o; ;o;;i";i;o;;i&;in;@;@o:Sass::Tree::MixinDefNode;"I"keystroke; T;7[[o;$ ;"I"bg; T;%I"bg; T;&0;i';o; ;o;;i';i;o;;i';i;@;@; @; @ o;$ ;"I"keystroke-bg; T;%I"keystroke_bg; T;&0;i';o; ;o;;i';i;o;;i';i(;@;@; @; @ ;=0;[o; ;[I"F/* This find the lightness percentage of the background color. */; T; ; ;[; 0; @ ;i(;o; ;o;;i(;i;o;;i(;iF;@;@o;!;"I"bg-lightness; T;#o;6;"I"lightness; T;7[o;$ ;"I"bg; T;%I"bg; T;&0;i);o; ;o;;i);i!;o;;i);i$;@;@; @; @ ;9o;:;;{;<{;=0;>0;&0;i);o; ;o;;i);i;o;;i);i%;@;@; @; @ ;'0;(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;&0;i+;o; ;o;;i+;i;o;;i+;i;@;@; @; @ : @tabsi:@prop_syntax:new;[; 0; @ ;i+;o; ;o;;i+;i;o;;i+;i;@;@:@name_source_rangeo; ;@];o;;i+;i;@;@:@value_source_rangeo; ;o;;i+;i;@^;@;@o;@;"[I"border-color; T;o;6;"I"scale-color; T;7[o;$ ;"I"bg; T;%I"bg; T;&0;i,;o; ;o;;i,;i";o;;i,;i%;@;@; @; @ ;9o;:;;{I"lightness; TI"lightness; T;<{@qo;$ ;"I"keystroke-function-factor; T;%I"keystroke_function_factor; T;&0;i,;o; ;o;;i,;i3;o;;i,;iM;@;@; @; @ ;=0;>0;&0;i,;o; ;o;;i,;i;o;;i,;iN;@;@; @; @ ;Ai;B;C;[; 0; @ ;i,;o; ;o;;i,;i;o;;i,;iN;@;@;Do; ;@;o;;i,;i;@;@;Eo; ;o;;i,;i;@€;@;@o; ;[I"N/* We adjust the font color based on the brightness of the background. */; T; ; ;[; 0; @ ;i.;o; ;o;;i.;i;o;;i.;iN;@;@u:Sass::Tree::IfNodeà[o:"Sass::Script::Tree::Operation :@operand1o:!Sass::Script::Tree::Variable : @nameI"bg-lightness:ET:@underscored_nameI"bg_lightness; T:@css_variable_warning0: @linei/:@source_rangeo:Sass::Source::Range :@start_poso:Sass::Source::Position; i/: @offseti : @end_poso;; i/;i: @fileI"s/Users/artemtabalin/Work/JSGrid/jsgrid/bower_components/foundation/scss/foundation/components/_keystrokes.scss; T:@importero: Sass::Importers::Filesystem: @rootI"L/Users/artemtabalin/Work/JSGrid/jsgrid/bower_components/foundation/scss; T:@real_rootI"L/Users/artemtabalin/Work/JSGrid/jsgrid/bower_components/foundation/scss; T:@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;@ ;@; 0;@ :@operator:gt; 0; i/; o; ;@ ;o;; i/;i ;@ ;@;@ ;@u:Sass::Tree::IfNode™[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:@css_variable_warning0: @linei0:@source_rangeo:Sass::Source::Range :@start_poso:Sass::Source::Position; i0: @offseti: @end_poso;; i0;i0: @fileI"s/Users/artemtabalin/Work/JSGrid/jsgrid/bower_components/foundation/scss/foundation/components/_keystrokes.scss;T:@importero: Sass::Importers::Filesystem: @rootI"L/Users/artemtabalin/Work/JSGrid/jsgrid/bower_components/foundation/scss;T:@real_rootI"L/Users/artemtabalin/Work/JSGrid/jsgrid/bower_components/foundation/scss;T:@same_name_warningso:Set: @hash{:@filename@: @options{: @tabsi:@prop_syntax:new:@children[;0;@; 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; 0; i/; o; ;o;; i/;i);o;; i/;i>;@ ;@;@ ;@: @tabsi:@prop_syntax:new:@children[;0;@; 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;&0;i2;o; ;o;;i2;i;o;;i2;i-;@;@; @; @ ;Ai;B;C;[; 0; @ ;i2;o; ;o;;i2;i;o;;i2;i-;@;@;Do; ;@˜;o;;i2;i;@;@;Eo; ;o;;i2;i;@™;@;@o;@;"[I"border-width; T;o;$ ;"I"keystroke-border-width; T;%I"keystroke_border_width; T;&0;i3;o; ;o;;i3;i;o;;i3;i-;@;@; @; @ ;Ai;B;C;[; 0; @ ;i3;o; ;o;;i3;i;o;;i3;i-;@;@;Do; ;@©;o;;i3;i;@;@;Eo; ;o;;i3;i;@ª;@;@o;@;"[I" margin; T;o;+;o;, ;I"0; T; @ ; ;/;.0;i4;o; ;o;;i4;i;o;;i4;i;@;@;Ai;B;C;[; 0; @ ;i4;o; ;o;;i4;i;o;;i4;i;@;@;Do; ;@º;o;;i4;i;@;@;Eo; ;o;;i4;i;@»;@;@o;@;"[I"font-family; T;o;$ ;"I"keystroke-font; T;%I"keystroke_font; T;&0;i5;o; ;o;;i5;i;o;;i5;i$;@;@; @; @ ;Ai;B;C;[; 0; @ ;i5;o; ;o;;i5;i;o;;i5;i$;@;@;Do; ;@Ë;o;;i5;i;@;@;Eo; ;o;;i5;i;@Ì;@;@o;@;"[I"font-size; T;o;$ ;"I"keystroke-font-size; T;%I"keystroke_font_size; T;&0;i6;o; ;o;;i6;i;o;;i6;i';@;@; @; @ ;Ai;B;C;[; 0; @ ;i6;o; ;o;;i6;i;o;;i6;i';@;@;Do; ;@Ü;o;;i6;i;@;@;Eo; ;o;;i6;i;@Ý;@;@o;@;"[I" padding; T;o;$ ;"I"keystroke-padding; T;%I"keystroke_padding; T;&0;i7;o; ;o;;i7;i;o;;i7;i#;@;@; @; @ ;Ai;B;C;[; 0; @ ;i7;o; ;o;;i7;i;o;;i7;i#;@;@;Do; ;@í;o;;i7;i;@;@;Eo; ;o;;i7;i;@î;@;@; 0; @ ;i';o; ;o;;i';i;o;;i';i*;@;@:@has_childrenTo:Sass::Tree::MixinNode;"I" exports; T;7[o;+ ;o;, ;I"keystroke; T; @ ; ;-;.0;i:;o; ;o;;i:;i;o;;i:;i";@;@;&0; @;9o;:;;{;<{;=0;>0;[u;F©[o:!Sass::Script::Tree::Variable : @nameI"#include-html-keystroke-classes:ET:@underscored_nameI"#include_html_keystroke_classes;T:@css_variable_warning0: @linei;:@source_rangeo:Sass::Source::Range :@start_poso:Sass::Source::Position; i;: @offseti : @end_poso;; i;;i+: @fileI"s/Users/artemtabalin/Work/JSGrid/jsgrid/bower_components/foundation/scss/foundation/components/_keystrokes.scss;T:@importero: Sass::Importers::Filesystem: @rootI"L/Users/artemtabalin/Work/JSGrid/jsgrid/bower_components/foundation/scss;T:@real_rootI"L/Users/artemtabalin/Work/JSGrid/jsgrid/bower_components/foundation/scss;T:@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<;0; i; o; ; o;; i>;i ;o;; i>;i;@ ;@ o;*;I" radius;T;+[o; ;I"keystroke-radius;T;I"keystroke_radius;T; 0; i?; o; ; o;; i?;i;o;; i?;i-;@ ;@ ;@ ;@;,o:Sass::Util::NormalizedMap:@key_strings{: @map{;-0;.0;)[;0;@; i?; o; ; o;; i?;i ;o;; i?;i.;@ ;@ ;0;@; i<; o; ; @1;o;; i=;i;@ ;@ :@has_childrenT; 0; @ ;i:;o; ;o;;i:;i;o;;i:;i$;@;@;GT; 0; @ ;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;@;@;GT