.meassure-1, .meassure-2, .meassure-3 { background-image: url('../../img/test-repeat.png?22091386277782'); background-repeat: repeat-x; } @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) { .meassure-1, .meassure-2, .meassure-3 { /* Retina sprite */ background-image: url('../../img/test-repeat@2x.png?22091386277782'); background-size: 378px auto; background-repeat: no-repeat; } } .meassure-1 { background-position: 0 -100px; width: 378px; height: 50px; } @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) { .meassure-1 { /* Retina sprite */ background-position: -252px -100px; } } .meassure-2 { background-position: 0 -50px; width: 378px; height: 50px; } @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) { .meassure-2 { /* Retina sprite */ background-position: -126px -50px; } } .meassure-3 { background-position: 0 0; width: 378px; height: 50px; } @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) { .meassure-3 { /* Retina sprite */ background-position: 0 0; } }