Generated by SassMeister.com.

SassMeister-input.sass

// ----
// Sass (v3.2.19)
// Compass (v0.12.6)
// Breakpoint (v2.0.7)
// Singularity Extras (v0.0.3)
// Singularity.gs (v1.1.2)
// Toolkit (v1.3.8)
// ----

@import "breakpoint"
@import "compass"
@import "singularitygs"
@import "singularitygs"
@import "singularity-extras"
@import "toolkit"

//SVG Mixin

//===========================
// From Project NFL
//===========================
=svg-bg($filename, $position: 0, $height: 20px, $width: 20px, $spacing: 10px, $bg-color: transparent, $repeat: no-repeat, $attachment: scroll, $source: '#{$base-images}', $no-svg-class: '.no-svg', $pseudo: 'before')
  &:#{$pseudo}
    content: ''
    display: inline-block
    background: $bg-color url($source + '/' + $filename + '.svg') $attachment $repeat $position
    background-size: $height $width
    height: $height
    width: $width
    margin-right: $spacing
  #{$no-svg-class} &
    &:#{$pseudo}
      background-image: url($source + '/' + $filename + '.png')

=svg-bg-simple($filename, $source: '#{$base-images}', $no-svg-class: '.no-svg', $pseudo: 'before')
  background-image: url($source + '/' + $filename + '.svg')
  #{$no-svg-class} &
    background-image: url($source + '/' + $filename + '.png')

//===========================
// Another Option
//===========================

@mixin 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})

SassMeister-output.css

*, *:after, *:before {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  *behavior: url('//../behaviors/box-sizing/boxsizing.php');
}

*, *:after, *:before {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  *behavior: url('//../behaviors/box-sizing/boxsizing.php');
}

*, *:after, *:before {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  *behavior: url('//../behaviors/box-sizing/boxsizing.php');
}

img, video {
  max-width: 100%;
  height: auto;
}