_svg-bg-with-fallback.scss

/*
 * SVG Background with Fallback
 *
 * Usage:

     .logo {
       margin: 12px auto 0;
       $w: 150px;
       $h: 75px;
       width: $w;
       height: $h;
       @include svg-bg-with-fallback("book-compact-logo", $w, $h);
     }
*/

@mixin svg-bg-with-fallback($src, $width, $height) {
  background: image-url("#{$src}.png") no-repeat 0px 0px;
  background: linear-gradient(transparent, transparent),
    image-url("#{$src}.svg") no-repeat 0px 0px;
  background-size: $width $height;
}