frameworks/compass/stylesheets/compass/utilities/text/_replacement.scss in compass-0.11.beta.2 vs frameworks/compass/stylesheets/compass/utilities/text/_replacement.scss in compass-0.11.beta.3
- old
+ new
@@ -1,34 +1,3 @@
-// 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;
- };
-}
+@warn "This import is deprecated. Use 'compass/typography/text/replacement' instead.";
-// 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;
-}
+@import "../../typography/text/replacement";