Created
May 17, 2013 08:45
-
-
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.
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
/* | |
* 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; | |
} | |
} | |
} |
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment
Glad to help!