Skip to content

Instantly share code, notes, and snippets.

@Shipow
Created October 26, 2013 08:51
Show Gist options
  • Save Shipow/7166981 to your computer and use it in GitHub Desktop.
Save Shipow/7166981 to your computer and use it in GitHub Desktop.
SASS: Retina
@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)
background-image: url($image)
background-size: $width $height
@Shipow
Copy link
Author

Shipow commented Oct 26, 2013

Usage

div.logo
   background: url("logo.png") no-repeat
   @include image-2x("logo2x.png", 100px, 25px)

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment