Logo mixin to include fallback SVG

svg-logo.scss

// Currently an idea, yet to test this snippet.

@mixin logo( $logo-name) {

	$image: "#{$logo-name}.png";

	.logo {
		background-repeat:no-repeat;
		display:block;
		overflow:hidden;
		text-indent:-9999em;

		width:image-width($image);
		height:image-height($image);

		.svg & {
			background-image:url("img/#{$logo-name}.svg");
		}

		.no-svg & {
			background-image:url("img/#{$logo-name}.png");
		}
	}
 
}