Skip to content

Instantly share code, notes, and snippets.

@replete

replete/_mixin_2ximages.scss

Created October 11, 2012 19:19
Show Gist options
  • Star 6 You must be signed in to star a gist
  • Fork 1 You must be signed in to fork a gist
  • Save replete/3874841 to your computer and use it in GitHub Desktop.
Save replete/3874841 to your computer and use it in GitHub Desktop.
Download ZIP
Images 2x - retina images mixin
Raw
_mixin_2ximages.scss
@mixin image-2x($image1, $image2) {
background-image: url($image);
@media (min--moz-device-pixel-ratio: 1.3),
(-o-min-device-pixel-ratio: 2.6/2),
(-webkit-min-device-pixel-ratio: 1.3),
(min-device-pixel-ratio: 1.3),
(min-resolution: 1.3dppx) {
background-image: url($image2);
background-size: image-width($image1) image-height($image1);
}
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment