SVG background images with PNG and retina fallback

svg-background.styl

$image-path =					"../img"
$fallback-extension =				"png"
$retina-suffix =				"@2x"

background-image($name, $size = false)
	background-image			url($image-path/$name.svg)
	if($size)
		background-size			$size

	.no-svg &
		background-image 		url($image-path/$name.$fallback-extension)

		@media only screen and (-moz-min-device-pixel-ratio: 1.5), only screen and (-o-min-device-pixel-ratio: 3/2), only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-device-pixel-ratio: 1.5)
			background-image 	url($image-path/$name$retina-suffix.$fallback-extension)