Generated by SassMeister.com.

SassMeister-input.scss

// ----
// Sass (v3.4.13)
// Compass (v1.0.3)
// ----

.loader {
  width: 100%;
  
  // Loader Fallback
  &--fallback {
    // If SMIL is available
    .smil & {
      display: none;
    }
    // If SMIL is not available
    .no-smil &,
    .no-svg & {
      display: block;
    }
  }
  
  &--svg {
    // If SMIL or SVG are not available
    .no-svg &,
    .no-smil & {
      display: none;
    }
  }
}

SassMeister-output.css

.loader {
  width: 100%;
}
.smil .loader--fallback {
  display: none;
}
.no-smil .loader--fallback, .no-svg .loader--fallback {
  display: block;
}
.no-svg .loader--svg, .no-smil .loader--svg {
  display: none;
}