compass-retina-sprites 0.1.1 → 0.1.2

data/stylesheets/_compass-retina-sprites.scss

@@ -61,6 +61,10 @@ $hover-class        : 'sp-hover';
 
   $sprite         : sprite-map( "#{$sprite-name}/*.png" );
   $sprite-ret     : sprite-map( "#{$sprite-name}2x/*.png" );
+  $webp           : str-replace(sprite-url($sprite), '.png', '.webp');
+  $webp-url       : str-replace($webp, 'images', 'images-webp');
+  $webp-ret       : str-replace(sprite-url($sprite-ret), '.png', '.webp');
+  $webp-url-ret   : str-replace($webp-ret, 'images', 'images-webp');
 
   .sp-#{$sprite-name} {
     background : $sprite;
@@ -72,13 +76,13 @@ $hover-class        : 'sp-hover';
         background  : $sprite-ret;
     }
     .webpalpha & {
-      background : url(str-replace(sprite-url($sprite), '.png', '.webp')) no-repeat;
+      background : url($webp-url) no-repeat;
         @media (
         -webkit-min-device-pixel-ratio: 1.5 ),
         ( min--moz-device-pixel-ratio: 3/2 ),
         ( min-resolution: 1.5dppx ),
         ( min-resolution: 192dpi ) {
-          background : url(str-replace(sprite-url($sprite), '.png', '.webp')) no-repeat;
+          background : url($webp-url-ret) no-repeat;
       }
     }
   }

metadata

@@ -5,8 +5,8 @@ version: !ruby/object:Gem::Version
   segments: 
   - 0
   - 1
-  - 1
-  version: 0.1.1
+  - 2
+  version: 0.1.2
 platform: ruby
 authors: 
 - Tingan Ho