Skip to content

Instantly share code, notes, and snippets.

@robfletcher
Created May 17, 2013 08:45
Show Gist options
  • Save robfletcher/5597817 to your computer and use it in GitHub Desktop.
Save robfletcher/5597817 to your computer and use it in GitHub Desktop.
SASS mixin that uses modernizr to output fallback color property for browsers that don't support RGBA.
/*
* Outputs a color property with an opaque fallback for browsers that do not support RGBA.
*/
@mixin safe-rgba($property, $color, $fallback-color: opacify($color, 1)) {
@if opacity($color) == 1 {
#{$property}: $color;
} @else {
#{$property}: $fallback-color;
.rgba & {
#{$property}: $color;
}
}
}
@twome
Copy link

twome commented May 18, 2013

Glad to help!

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment