stylesheets/stitch/patterns/images/_image-replace.scss in stitch-0.0.3 vs stylesheets/stitch/patterns/images/_image-replace.scss in stitch-0.1.0
- old
+ new
@@ -1,17 +1,18 @@
/*
Removes any text from an element and replaces it with an image
*/
-.f-ir {
+.__image-replace {
display : block;
text-indent : -9999em;
overflow : hidden;
background-repeat : no-repeat;
text-align : left;
direction : ltr;
}
@mixin image-replace($img) {
- @extend .f-ir;
- height:image_height($img);
- width:image_width($img);
+ @extend .__image-replace;
+ height:image-height($img);
+ width:image-width($img);
+ background-image:image-url($img);
}