test/css/sprites/position.css in ezy-0.0.7 vs test/css/sprites/position.css in ezy-0.0.8
- old
+ new
@@ -1,35 +1,35 @@
/* -------------------------------------------------------------------- *
* 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-image: url('../../img/test-position.png?19551384282552');
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) {
+@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 (-ms-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-image: url('../../img/test-position@2x.png?19151384280136');
+ background-image: url('../../img/test-position@2x.png?19551384282552');
background-size: 281px auto;
}
}
/* -------------------------------------------------------------------- *
* 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-image: url('../../img/test-position-alt.png?19551384282552');
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) {
+@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 (-ms-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-image: url('../../img/test-position-alt@2x.png?19151384280136');
+ background-image: url('../../img/test-position-alt@2x.png?19551384282552');
background-size: 421px auto;
}
}
/* -------------------------------------------------------------------- *
@@ -37,11 +37,11 @@
* 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) {
+@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 (-ms-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;
}
}
@@ -51,10 +51,10 @@
* 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) {
+@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 (-ms-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%;
}
}