3.2.7 (Media Mark) 1c1dbf8aa5f0b79c2287d7ce94ae4ad43807e755 o:Sass::Tree::RootNode :@children[o:Sass::Tree::CommentNode : @value[I"º/* Indicates the direction you prefer to move your text * when hiding it. * * `left` is more robust, especially in older browsers. * `right` seems have better runtime performance. */:ET: @type: silent;[: @linei: @options{o:Sass::Tree::VariableNode : @nameI"hide-text-direction; T: @expro:Sass::Script::String ;I" left; T; :identifier; i ; @ : @guardedI" !default; T;[; i ; @ o; ;[I"ñ/* Hides html text and replaces it with an image. * If you use this on an inline element, you will need to change the display to block or inline-block. * Also, if the size of the image differs significantly from the font size, you'll need to set the width and/or height. * * Parameters: * * * `img` -- the relative path from the project image directory to the image, or a url literal. * * `x` -- the x position of the background image. * * `y` -- the y position of the background image. */; T; ; ;[; i ; @ o:Sass::Tree::MixinDefNode ;I"replace-text; T: @args[[o:Sass::Script::Variable;I"img; T:@underscored_nameI"img; T; @ 0[o;;I"x; T;I"x; T; @ o:Sass::Script::Number ;i7:@numerator_units[I"%; T:@denominator_units[; i:@originalI"50%; F; @ [o;;I"y; T;I"y; T; @ o; ;i7;[I"%; T;[; i;I"50%; F; @ : @splat0;[o:Sass::Tree::MixinNode ;I"hide-text; T;[:@keywords{;0;[; i; @ o:Sass::Tree::PropNode ;[I"background; T;o;;I"; T; ;; @ : @tabsi:@prop_syntax:new;[u:Sass::Tree::IfNodei[o:Sass::Script::Funcall : @nameI" is-url:ET: @args[o:Sass::Script::Variable ;I"img;T:@underscored_nameI"img;T: @linei: @options{:@keywords{: @splat0; i; @ u:Sass::Tree::IfNode[00[o:Sass::Tree::PropNode : @name[I" image:ET: @valueo:Sass::Script::Funcall ;I"image-url;T: @args[o:Sass::Script::Variable ;I"img;T:@underscored_nameI"img;T: @linei: @options{:@keywords{: @splat0; i;@: @tabsi:@prop_syntax:new:@children[; i;@[o:Sass::Tree::PropNode ;[I" image;T: @valueo; ;I"img;T; I"img;T; i; @ : @tabsi:@prop_syntax:new:@children[; i; @ o; ;[I" repeat; T;o;;I"no-repeat; T; ;; @ ; i;!;";[; i; @ o; ;[I" position; T;o:Sass::Script::List ;[o; ;I"x; T;I"x; T; i; @ o; ;I"y; T;I"y; T; i; @ :@separator: space; i; @ ; i;!;";[; i; @ ; i; @ :@has_childrenT; i;'T; @ o; ;[I"Ò/* Like the `replace-text` mixin, but also sets the width * and height of the element according the dimensions of the image. * * If you set `$inline` to true, then an inline image (data uri) will be used. */; T; ; ;[; i#; @ o; ;I"!replace-text-with-dimensions; T;[ [o;;I"img; T;I"img; T; @ 0[o;;I"x; T;I"x; T; @ o; ;i7;[I"%; T;[; i';I"50%; F; @ [o;;I"y; T;I"y; T; @ o; ;i7;[I"%; T;[; i';I"50%; F; @ [o;;I" inline; T;I" inline; T; @ o:Sass::Script::Bool;F; i'; @ ;0;[o; ;I"replace-text; T;[o:Sass::Script::Funcall ;I"if; T;[o; ;I" inline; T;I" inline; T; i(; @ o;) ;I"inline-image; T;[o; ;I"img; T;I"img; T; i(; @ ;{;0; i(; @ o; ;I"img; T;I"img; T; i(; @ ;{;0; i(; @ o; ;I"x; T;I"x; T; i(; @ o; ;I"y; T;I"y; T; i(; @ ;{;0;[; i(; @ o; ;[I" width; T;o;) ;I"image-width; T;[o; ;I"img; T;I"img; T; i); @ ;{;0; i); @ ; i;!;";[; i); @ o; ;[I" height; T;o;) ;I"image-height; T;[o; ;I"img; T;I"img; T; i*; @ ;{;0; i*; @ ; i;!;";[; i*; @ ; i';'T; @ o; ;[I"í/* Hides text in an element so you can see the background. * * The direction indicates how the text should be moved out of view. * * See `$hide-text-direction` for more information and to set this globally * for your application. */; T; ; ;[; i-; @ o; ;I"hide-text; T;[[o;;I"direction; T;I"direction; T; @ o; ;I"hide-text-direction; T;I"hide_text_direction; T; i3; @ ;0;[u;#õ[o:Sass::Script::Operation :@operand1o:Sass::Script::Variable : @nameI"direction:ET:@underscored_nameI"direction; T: @linei4: @options{:@operand2o:Sass::Script::String : @valueI" left; T: @type:identifier; i4; @ :@operator:eq; i4; @ u:Sass::Tree::IfNodeÙ[00[ o:Sass::Tree::CommentNode : @value[I"Q/* slightly wider than the box prevents issues with inline-block elements */:ET: @type: silent:@children[: @linei;: @options{o:Sass::Tree::PropNode : @name[I"text-indent;T;o:Sass::Script::String;I" 110%;T;:identifier; @ : @tabsi:@prop_syntax:new; [; i<; @ o; ;[I"white-space;T;o;;I" nowrap;T;;; @ ;i;;; [; i=; @ o; ;[I" overflow;T;o;;I" hidden;T;;; @ ;i;;; [; i>; @ [ o:Sass::Tree::VariableNode ;I"approximate-em-value; T: @expro; ;o:Sass::Script::Number ;i:@numerator_units[I"px; T:@denominator_units[; i5:@originalI" 12px; F; @ ; o; ;i;[I"em; T;[; i5;I"1em; F; @ ;:div; i5; @ : @guarded0:@children[; i5; @ o; ;I"wider-than-any-screen; T;o; ;iþñØ;[I"em; T;[; i6;I" -9999em; F; @ ;0;[; i6; @ o:Sass::Tree::PropNode ;[I"text-indent; T;o; ;o; ;I"wider-than-any-screen; T; I"wider_than_any_screen; T; i7; @ ; o; ;I"approximate-em-value; T; I"approximate_em_value; T; i7; @ ;: times; i7; @ : @tabsi:@prop_syntax:new;[; i7; @ o; ;[I" overflow; T;o;;I" hidden; T;;; @ ; i;!;";[; i8; @ o; ;[I"text-align; T;o;;I" left; T;;; @ ; i;!;";[; i9; @ ; i3;'T; @ o; ;[I"µ/* Hides text in an element by squishing the text into oblivion. * Use this if you need to hide text contained in an inline element * but still have it read by a screen reader. */; T; ; ;[; iB; @ o; ;I"squish-text; T;[;0;[o; ;[I" font; T;o;;I"0/0 serif; T; ;; @ ; i;!;";[; iF; @ o; ;[I"text-shadow; T;o;;I" none; T; ;; @ ; i;!;";[; iG; @ o; ;[I" color; T;o;;I"transparent; T; ;; @ ; i;!;";[; iH; @ ; iE;'T; @ :@templateI"÷// Indicates the direction you prefer to move your text // when hiding it. // // `left` is more robust, especially in older browsers. // `right` seems have better runtime performance. $hide-text-direction: left !default; // Hides html text and replaces it with an image. // If you use this on an inline element, you will need to change the display to block or inline-block. // Also, if the size of the image differs significantly from the font size, you'll need to set the width and/or height. // // Parameters: // // * `img` -- the relative path from the project image directory to the image, or a url literal. // * `x` -- the x position of the background image. // * `y` -- the y position of the background image. @mixin replace-text($img, $x: 50%, $y: 50%) { @include hide-text; background: { @if is-url($img) { image: $img; } @else { image: image-url($img); } repeat: no-repeat; position: $x $y; }; } // Like the `replace-text` mixin, but also sets the width // and height of the element according the dimensions of the image. // // If you set `$inline` to true, then an inline image (data uri) will be used. @mixin replace-text-with-dimensions($img, $x: 50%, $y: 50%, $inline: false) { @include replace-text(if($inline, inline-image($img), $img), $x, $y); width: image-width($img); height: image-height($img); } // Hides text in an element so you can see the background. // // The direction indicates how the text should be moved out of view. // // See `$hide-text-direction` for more information and to set this globally // for your application. @mixin hide-text($direction: $hide-text-direction) { @if $direction == left { $approximate-em-value: 12px / 1em; $wider-than-any-screen: -9999em; text-indent: $wider-than-any-screen * $approximate-em-value; overflow: hidden; text-align: left; } @else { // slightly wider than the box prevents issues with inline-block elements text-indent: 110%; white-space: nowrap; overflow: hidden; } } // Hides text in an element by squishing the text into oblivion. // Use this if you need to hide text contained in an inline element // but still have it read by a screen reader. @mixin squish-text { font: 0/0 serif; text-shadow: none; color: transparent; } ; T; i;'T; @