Skip to content
Browse files

Created image bundle. Includes an image replacement mixin and an ima…

…ge mask mixin.
  • Loading branch information...
1 parent c5ee06b commit 71fbd02e39a50c09a6ff4b501de7343bc4ba8765 @jdmiller82 committed Jun 3, 2011
Showing with 18 additions and 12 deletions.
  1. +15 −0 bundles/image.less
  2. +3 −12 lessins.less
View
15 bundles/image.less
@@ -0,0 +1,15 @@
+#image { /*-- IMAGE MIXIN BUNDLE --*/
+
+ .replace(@image, @width, @height, @posX, @posY) {
+ #display > .block();
+ width:@width;
+ height:@height;
+ background:url('@{img-path}/@image') @posX @posY;
+ text-indent:-9999px
+ }
+
+ .mask(@image) {
+ -webkit-mask-image:url('@{img-path}/@image');
+ -moz-mask-image:url('@{img-path}/@image');
+ }
+}
View
15 lessins.less
@@ -7,9 +7,9 @@
// //
/*---------------------------------------------------------------*/
-/*------------*/
-/*-- CONFIG --*/
-/*------------*/
+/*----------------------*/
+/*-- CONFIG VARIABLES --*/
+/*----------------------*/
@img-path:'/_images';
/*--------------------*/
@@ -68,13 +68,4 @@
-webkit-column-rule:@rule;
-moz-column-rule:@rule;
column-rule:@rule;
-}
-
-/*-- IMAGE REPLACEMENT MIXIN --*/
-.img-replace(@image, @width, @height, @posX, @posY) {
- #display > .block();
- width:@width;
- height:@height;
- background:url('@{img-path}/@image') @posX @posY;
- text-indent:-9999px
}

0 comments on commit 71fbd02

Please sign in to comment.
Something went wrong with that request. Please try again.