test/css/sprites/position.css in ezy-0.0.6 vs test/css/sprites/position.css in ezy-0.0.7

@@ -1,24 +1,61 @@
-.classic {
-  background-image: url('../../img/test-position.png?23071384207639');
+/* -------------------------------------------------------------------- *
+ * Compiled 1x sprite has all images horizontally centered
+ * Compiled 2x sprite has all images aligned to the right
+ */
+.vertical {
+  background-image: url('../../img/test-position.png?19151384280136');
   background-repeat: no-repeat;
-  background-position-x: 50%;
 }
 
 @media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-moz-min-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2 / 1), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {
-  .classic {
+  .vertical {
     /* Retina sprite */
-    background-image: url('../../img/[e-mail]?23071384207639');
+    background-image: url('../../img/[e-mail]?19151384280136');
     background-size: 281px auto;
-    background-position-x: 100%;
   }
 }
 
-.classic {
-  background-position: -115px -200px;
+/* -------------------------------------------------------------------- *
+ * Compiled 1x sprite has all images vertically centered
+ * Compiled 2x sprite has all images aligned to the bottom
+ */
+.horizontal {
+  background-image: url('../../img/test-position-alt.png?19151384280136');
+  background-repeat: no-repeat;
 }
+
 @media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-moz-min-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2 / 1), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {
-  .classic {
+  .horizontal {
     /* Retina sprite */
-    background-position: -231px -200px;
+    background-image: url('../../img/[e-mail]?19151384280136');
+    background-size: 421px auto;
+  }
+}
+
+/* -------------------------------------------------------------------- *
+ * Regular image has background centered
+ * Retina image has background aligned to the right
+ */
+.vertical {
+  background-position: 50% -200px;
+}
+@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-moz-min-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2 / 1), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {
+  .vertical {
+    /* Retina sprite */
+    background-position: 100% -200px;
+  }
+}
+
+/* -------------------------------------------------------------------- *
+ * Regular image has background centered
+ * Retina image has background aligned to the right
+ */
+.horizontal {
+  background-position: -281px 50%;
+}
+@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-moz-min-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2 / 1), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {
+  .horizontal {
+    /* Retina sprite */
+    background-position: -281px 100%;
   }
 }