Skip to content

Instantly share code, notes, and snippets.

@jmsmrgn

jmsmrgn/_retina-background-images.scss

Last active December 14, 2015 11:49
Show Gist options
  • Star 0 You must be signed in to star a gist
  • Fork 0 You must be signed in to fork a gist
  • Save jmsmrgn/5081747 to your computer and use it in GitHub Desktop.
Save jmsmrgn/5081747 to your computer and use it in GitHub Desktop.
Download ZIP
SCSS - Retina Background Images Mixin
Raw
_retina-background-images.scss
@mixin image-2x($image, $width, $height) {
@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) {
/* on retina, use image that's scaled by 2 */
background-image: url($image);
background-size: $width $height;
}
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment