Generated by SassMeister.com.

SassMeister-input.scss

// ----
// Sass (v3.3.7)
// Compass (v1.0.0.alpha.18)
// ----


// @mixin x-rgba()
//
// RGBA IE fallback
// based on http://thesassway.com/intermediate/mixins-for-semi-transparent-colors
//
// usage:
// @include x-rgba(rgba(red, 0.6), white);
// @include x-rgba(rgba(red, 0.6), white, 'color');

@mixin x-rgba($color, $background, $attribute: "background-color") {
  $percent: alpha($color) * 100%;
  $opaque: opacify($color, 1);
  $solid-color: mix($opaque, $background, $percent);
  
  #{$attribute}: $solid-color;
  #{$attribute}: $color;
}

.test {
  @include x-rgba(rgba(red, 0.8), white);
  @include x-rgba(rgba(red, 0.8), white, 'color');
}

SassMeister-output.css

.test {
  background-color: #ff3232;
  background-color: rgba(255, 0, 0, 0.8);
  color: #ff3232;
  color: rgba(255, 0, 0, 0.8);
}