diff --git a/scss/mixins/_utilities.scss b/scss/mixins/_utilities.scss index 4d2370a0bf3c..eb4f73f375d3 100644 --- a/scss/mixins/_utilities.scss +++ b/scss/mixins/_utilities.scss @@ -50,6 +50,12 @@ .#{$property-class + $infix + $property-class-modifier} { @each $property in $properties { #{$property}: $value if($enable-important-utilities, !important, null); + // Ensures decent contrast where possible + @if "background-color" == $property and "transparent" != inspect($value) { + color: color-contrast($value); + } @else if "color" == $property and "inherit" != inspect($value) { + background-color: color-contrast($value); + } } }