3.1.12 (Brainy Betty) 25389093d63e9028612489fe22cebe3f6e10d02b o:Sass::Tree::RootNode : @options{:@has_childrenT:@template" // 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; } :@children[ o:Sass::Tree::CommentNode : @loud0;@: @silenti: @value["ß/* 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. */; [: @lineio:Sass::Tree::MixinDefNode ;@: @args[[o:Sass::Script::Variable;@: @name"img:@underscored_name"img0[o;;@;"x;"xo:Sass::Script::Number :@numerator_units["%;@:@original"50%; i7;i:@denominator_units[[o;;@;"y;"yo; ;["%;@;"50%; i7;i;[;T; [o:Sass::Tree::MixinNode ;@:@keywords{;[; [;"hide-text;io:Sass::Tree::PropNode :@prop_syntax:new;@; o:Sass::Script::String;@; ": @type:identifier;T; [o; ;;;@; o:Sass::Script::Funcall ;@;{;[o; ;@;"img;i;"img;"image-url;i; [;[" image: @tabsi;io; ;;;@; o;;@; "no-repeat;;; [;[" repeat;!i;io; ;;;@; o:Sass::Script::List :@separator: space;@; [o; ;@;"x;i;"xo; ;@;"y;i;"y;i; [;[" position;!i;i;["background;!i;i;"replace-text;io; ; 0;@; i; ["€/* Like the `replace-text` mixin, but also sets the width * and height of the element according the dimensions of the image. */; [;io; ;@;[[o;;@;"img;"img0[o;;@;"x;"xo; ;["%;@;"50%; i7;i;[[o;;@;"y;"yo; ;["%;@;"50%; i7;i;[;T; [o; ;@;{;[o; ;@;"img;i;"imgo; ;@;"x;i;"xo; ;@;"y;i;"y; [;"replace-text;io; ;;;@; o; ;@;{;[o; ;@;"img;i;"img;"image-width;i; [;[" width;!i;io; ;;;@; o; ;@;{;[o; ;@;"img;i;"img;"image-height;i; [;[" height;!i;i;"!replace-text-with-dimensions;io; ; 0;@; i; ["B/* Hides text in an element so you can see the background. */; [;i o; ;@;[;T; [ o:Sass::Tree::VariableNode ;@; [: @guarded0;"approximate_em_value;i": @expro:Sass::Script::Operation :@operand2o; ;["em;@;"1em; i;i";[:@operator:div:@operand1o; ;["px;@;" 12px; i;i";[;@;i"o;% ;@; [;&0;"wider_than_any_screen;i#;'o; ;["em;@;" -9999em; iþñØ;i#;[o; ;;;@; o;( ;)o; ;@;"approximate_em_value;i$;"approximate_em_value;*: times;,o; ;@;"wider_than_any_screen;i$;"wider_than_any_screen;@;i$; [;["text-indent;!i;i$o; ;;;@; o;;@; " hidden;;; [;[" overflow;!i;i%o; ;;;@; o;;@; " left;;; [;["text-align;!i;i&;"hide-text;i!;i