{: versionI"3.2.19 (Media Mark):EF:shaI"-16be43395d0ac5ada4253d062dae1aa21a3848e6;F: contents"Jo:Sass::Tree::RootNode :@children[o:Sass::Tree::CommentNode : @value[I"$/* * Keystroke Variables * */:ET: @type: silent;[: @linei: @options{o:Sass::Tree::VariableNode : @nameI"include-html-type-classes; T: @expro:Sass::Script::Variable ;I"include-html-classes; T:@underscored_nameI"include_html_classes; T; @ ; i : @guardedI" !default; T;[; i ; @ o; ;[I"//* We use these to control text styles. */; T; ; ;[; i ; @ o; ;I"keystroke-font; T;o:Sass::Script::List ;[ o:Sass::Script::String ;I" Consolas; T; : string; i ; @ o; ;I" Menlo; T; ;; i ; @ o; ;I" Courier; T; ;; i ; @ o; ;I"monospace; T; :identifier; i ; @ :@separator: comma; i ; @ ;I" !default; T;[; i ; @ o; ;I"keystroke-font-size; T;o:Sass::Script::Funcall ;I" em-calc; T: @args[o:Sass::Script::Number ;i:@numerator_units[:@denominator_units[; i :@originalI"14; F; @ :@keywords{: @splat0; i ; @ ;I" !default; T;[; i ; @ o; ;I"keystroke-font-color; T;o:Sass::Script::Color ;0: @attrs{ :redi': greeni': bluei': alphai; i; @ ;I" !default; T;[; i; @ o; ;I"keystroke-font-color-alt; T;o;" ;0;#{ ;$iÿ;%iÿ;&iÿ;'i; i; @ ;I" !default; T;[; i; @ o; ;I"keystroke-function-factor; T;o; ;i ;[I"%; T;[; i;I"7%; F; @ ;I" !default; T;[; i; @ o; ;[I"4/* We use this to control keystroke padding. */; T; ; ;[; i; @ o; ;I"keystroke-padding; T;o; ;I" em-calc; T;[o; ;[o; ;i;[;@,; i;I"2; F; @ o; ;i ;[;@,; i;I"4; F; @ o; ;i;[;@,; i;I"0; F; @ ;: space; i; @ ; {;!0; i; @ ;I" !default; T;[; i; @ o; ;[I"@/* We use these to control background and border styles. */; T; ; ;[; i; @ o; ;I"keystroke-bg; T;o; ;I" darken; T;[o;" ;0;#{ ;$iÿ;%iÿ;&iÿ;'i; i; @ o; ;I"keystroke-function-factor; T;I"keystroke_function_factor; T; @ ; i; {;!0; i; @ ;I" !default; T;[; i; @ o; ;I"keystroke-border-style; T;o; ;I" solid; T; ;; i; @ ;I" !default; T;[; i; @ o; ;I"keystroke-border-width; T;o; ;i;[I"px; T;[; i;I"1px; F; @ ;I" !default; T;[; i; @ o; ;I"keystroke-border-color; T;o; ;I" darken; T;[o; ;I"keystroke-bg; T;I"keystroke_bg; T; @ ; io; ;I"keystroke-function-factor; T;I"keystroke_function_factor; T; @ ; i; {;!0; i; @ ;I" !default; T;[; i; @ o; ;I"keystroke-radius; T;o; ;I"global-radius; T;I"global_radius; T; @ ; i;I" !default; T;[; i; @ o; ;[I"!/* * Keystroke Mixins * */; T; ; ;[; i; @ o; ;[I"8/* We use this mixin to create keystroke styles. */; T; ; ;[; i ; @ o:Sass::Tree::MixinDefNode ;I"keystroke; T;[[o;;I"bg; T;I"bg; T; @ o; ;I"keystroke-bg; T;I"keystroke_bg; T; @ ; i!;!0;[o; ;[I"F/* This find the lightness percentage of the background color. */; T; ; ;[; i"; @ o; ;I"bg-lightness; T;o; ;I"lightness; T;[o; ;I"bg; T;I"bg; T; @ ; i#; {;!0; i#; @ ;0;[; i#; @ o:Sass::Tree::PropNode ;[I"background-color; T;o; ;I"bg; T;I"bg; T; @ ; i%: @tabsi:@prop_syntax:new;[; i%; @ o;* ;[I"border-color; T;o; ;I" darken; T;[o; ;I"bg; T;I"bg; T; @ ; i&o; ;I"keystroke-function-factor; T;I"keystroke_function_factor; T; @ ; i&; {;!0; i&; @ ;+i;,;-;[; i&; @ o; ;[I"N/* We adjust the font color based on the brightness of the background. */; T; ; ;[; i(; @ u:Sass::Tree::IfNodeØ[o:Sass::Script::Operation :@operand1o:Sass::Script::Variable : @nameI"bg-lightness:ET:@underscored_nameI"bg_lightness; T: @options{: @linei):@operand2o:Sass::Script::Number : @valueiK:@numerator_units[I"%; T:@denominator_units[; i):@originalI"70%; F; @ :@operator:gt; i); @ u:Sass::Tree::IfNodeñ[00[o:Sass::Tree::PropNode : @name[I" color:ET: @valueo:Sass::Script::Variable ;I"keystroke-font-color-alt;T:@underscored_nameI"keystroke_font_color_alt;T: @options{: @linei*: @tabsi:@prop_syntax:new:@children[; i*; @ [o:Sass::Tree::PropNode ;[I" color; T;o; ;I"keystroke-font-color; T; I"keystroke_font_color; T; @ ; i): @tabsi:@prop_syntax:new:@children[; i); @ o;* ;[I"border-style; T;o; ;I"keystroke-border-style; T;I"keystroke_border_style; T; @ ; i,;+i;,;-;[; i,; @ o;* ;[I"border-width; T;o; ;I"keystroke-border-width; T;I"keystroke_border_width; T; @ ; i-;+i;,;-;[; i-; @ o;* ;[I" margin; T;o;;I"0; T; ;; @ ;+i;,;-;[; i.; @ o;* ;[I"font-family; T;o; ;I"keystroke-font; T;I"keystroke_font; T; @ ; i/;+i;,;-;[; i/; @ o;* ;[I"font-size; T;o; ;I"keystroke-font-size; T;I"keystroke_font_size; T; @ ; i0;+i;,;-;[; i0; @ o;* ;[I" padding; T;o; ;I"keystroke-padding; T;I"keystroke_padding; T; @ ; i1;+i;,;-;[; i1; @ ; i!:@has_childrenT; @ u;.æ[o:Sass::Script::Operation :@operand1o:Sass::Script::Variable : @nameI"include-html-type-classes:ET:@underscored_nameI"include_html_type_classes; T: @options{: @linei5:@operand2o:Sass::Script::Bool: @valueF; i5; @ :@operator:neq; i5; @ 0[o:Sass::Tree::CommentNode ;[I"/* Keystroke Characters */; T: @type: normal:@children[; i7; @ o:Sass::Tree::RuleNode : @rule[I".keystroke, kbd; T: @tabsi:@parsed_ruleso:"Sass::Selector::CommaSequence: @members[o:Sass::Selector::Sequence;[o:#Sass::Selector::SimpleSequence ;[o:Sass::Selector::Class;[I"keystroke; T; i9:@filenameI"; T: @subject0: @sourceso:Set: @hash{; i9;@o;;[I" ; To; ;[o:Sass::Selector::Element ;[I"kbd; T:@namespace0; i9;@; 0;!o;";#{; i9;@; i9;@;[o:Sass::Tree::MixinNode ;I"keystroke; T: @args[:@keywords{: @splat0;[; i:; @ o;& ;I" radius; T;'[o; ;I"keystroke-radius; T; I"keystroke_radius; T; @ ; i;;({;)0;[; i;; @ ; i9:@has_childrenT; @ :@templateI"[// // Keystroke Variables // $include-html-type-classes: $include-html-classes !default; // We use these to control text styles. $keystroke-font: "Consolas", "Menlo", "Courier", monospace !default; $keystroke-font-size: em-calc(14) !default; $keystroke-font-color: #222 !default; $keystroke-font-color-alt: #fff !default; $keystroke-function-factor: 7% !default; // We use this to control keystroke padding. $keystroke-padding: em-calc(2 4 0) !default; // We use these to control background and border styles. $keystroke-bg: darken(#fff, $keystroke-function-factor) !default; $keystroke-border-style: solid !default; $keystroke-border-width: 1px !default; $keystroke-border-color: darken($keystroke-bg, $keystroke-function-factor) !default; $keystroke-radius: $global-radius !default; // // Keystroke Mixins // // We use this mixin to create keystroke styles. @mixin keystroke($bg:$keystroke-bg) { // This find the lightness percentage of the background color. $bg-lightness: lightness($bg); background-color: $bg; border-color: darken($bg, $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; } @if $include-html-type-classes != false { /* Keystroke Characters */ .keystroke, kbd { @include keystroke; @include radius($keystroke-radius); } } ; T; i;/T; @