3.1.12 (Brainy Betty) 25389093d63e9028612489fe22cebe3f6e10d02b o:Sass::Tree::RootNode :@children[ o:Sass::Tree::CommentNode : @value[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. * * `x` -- the x position of the background image. * * `y` -- the y position of the background image. */:ET: @silenti: @loud0;[: @linei: @options{o:Sass::Tree::MixinDefNode : @nameI"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; @ ;[o:Sass::Tree::MixinNode ;I"hide-text; T;[:@keywords{;[; i; @ o:Sass::Tree::PropNode ;[I"background; T;o:Sass::Script::String;I"; F: @type:identifier; @ : @tabsi:@prop_syntax:new;[o; ;[I" image; T;o:Sass::Script::Funcall ;I"image-url; T;[o; ;I"img; T;I"img; T; i; @ ;{; i; @ ;i;;;[; 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. */; T; i; 0;[; 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"replace-text; T;[o; ;I"img; T;I"img; T; i; @ o; ;I"x; T;I"x; T; i; @ o; ;I"y; T;I"y; T; i; @ ;{;[; i; @ o; ;[I" width; T;o; ;I"image-width; T;[o; ;I"img; T;I"img; T; i; @ ;{; i; @ ;i;;;[; i; @ o; ;[I" height; T;o; ;I"image-height; T;[o; ;I"img; T;I"img; T; i; @ ;{; i; @ ;i;;;[; i; @ ; i;$T; @ o; ;[I"B/* Hides text in an element so you can see the background. */; T; i; 0;[; i ; @ o; ;I"hide-text; T;[;[ o:Sass::Tree::VariableNode ;I"approximate_em_value; T: @expro:Sass::Script::Operation :@operand1o; ;i;[I"px; T;[; i";I" 12px; F; @ :@operand2o; ;i;[I"em; T;[; i";I"1em; F; @ :@operator:div; i"; @ : @guarded0;[; i"; @ o;% ;I"wider_than_any_screen; T;&o; ;iþñØ;[I"em; T;[; i#;I" -9999em; F; @ ;,0;[; i#; @ o; ;[I"text-indent; T;o;' ;(o; ;I"wider_than_any_screen; T;I"wider_than_any_screen; T; i$; @ ;)o; ;I"approximate_em_value; T;I"approximate_em_value; T; i$; @ ;*: times; i$; @ ;i;;;[; i$; @ o; ;[I" overflow; T;o;;I" hidden; T;;; @ ;i;;;[; i%; @ o; ;[I"text-align; T;o;;I" left; T;;; @ ;i;;;[; i&; @ ; i!;$T; @ :@templateI" // 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. // * `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: { 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. @mixin replace-text-with-dimensions($img, $x: 50%, $y: 50%) { @include replace-text($img, $x, $y); width: image-width($img); height: image-height($img); } // Hides text in an element so you can see the background. @mixin hide-text { $approximate_em_value: 12px / 1em; $wider_than_any_screen: -9999em; text-indent: $wider_than_any_screen * $approximate_em_value; overflow: hidden; text-align: left; } ; T;$T; @ ; i