Sass Retina Sprite Mixin

gistfile1.scss

// --------------------------------------------------
// Sprite along with retina version.
// --------------------------------------------------
@mixin sprite($xpos, $ypos, $width: 600px, $height: 600px) {
	background-image: url(../img/sprite.png);
	background-position: $xpos $ypos;
	background-repeat: no-repeat;
	// Solution for retina graphics.
	// Variation of: http://37signals.com/svn/posts/3271-easy-retina-ready-images-using-scss
	@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(../img/[email protected]);
			-webkit-background-size: $width $height;
			background-size: $width $height;
		}
	}
}