/* -------------------------------------------------------------------- * * Min device pixel ratio changed to 1.7 */ .classic { background-image: url('../../img/test-retina.png?19551384282552'); background-repeat: no-repeat; } @media only screen and (-webkit-min-device-pixel-ratio: 1.7), only screen and (min--moz-device-pixel-ratio: 1.7), only screen and (-moz-min-device-pixel-ratio: 1.7), only screen and (-ms-min-device-pixel-ratio: 1.7), only screen and (-o-min-device-pixel-ratio: 1.7 / 1), only screen and (min-device-pixel-ratio: 1.7), only screen and (min-resolution: 163.2dpi), only screen and (min-resolution: 1.7dppx) { .classic { /* Retina sprite */ background-image: url('../../img/test-retina@2x.png?19551384282552'); background-size: 152px auto; } } .classic { background-position: 0 -281px; } @media only screen and (-webkit-min-device-pixel-ratio: 1.7), only screen and (min--moz-device-pixel-ratio: 1.7), only screen and (-moz-min-device-pixel-ratio: 1.7), only screen and (-ms-min-device-pixel-ratio: 1.7), only screen and (-o-min-device-pixel-ratio: 1.7 / 1), only screen and (min-device-pixel-ratio: 1.7), only screen and (min-resolution: 163.2dpi), only screen and (min-resolution: 1.7dppx) { .classic { /* Retina sprite */ background-position: 0 -140px; } }