diff options
| author | Louis-Maxime Piton <louismaxime.piton@orange.com> | 2022-05-20 20:28:31 +0300 |
|---|---|---|
| committer | GitHub <noreply@github.com> | 2022-05-20 20:28:31 +0300 |
| commit | e2e107fc7215f36ff73cf2fbb29e35d703a82679 (patch) | |
| tree | 6d614803e535956fc3b264cc3ac5a540127b85ef /scss/helpers | |
| parent | 8959bf3f0bbaca514967661a6b721a3f065f49a9 (diff) | |
CSS: few proposals (#36406)
* Something to try about `!important` in color-bg helper
* Better understanding border utility `.border-*-0`
* Having rounded numbers of px
Diffstat (limited to 'scss/helpers')
| -rw-r--r-- | scss/helpers/_color-bg.scss | 6 |
1 files changed, 3 insertions, 3 deletions
diff --git a/scss/helpers/_color-bg.scss b/scss/helpers/_color-bg.scss index 80ba863034..b5ce7709c1 100644 --- a/scss/helpers/_color-bg.scss +++ b/scss/helpers/_color-bg.scss @@ -1,10 +1,10 @@ -// stylelint-disable declaration-no-important, function-name-case +// stylelint-disable function-name-case // All-caps `RGBA()` function used because of this Sass bug: https://github.com/sass/node-sass/issues/2251 @each $color, $value in $theme-colors { $color-rgb: to-rgb($value); .text-bg-#{$color} { - color: color-contrast($value) !important; - background-color: RGBA($color-rgb, var(--#{$prefix}bg-opacity, 1)) !important; + color: color-contrast($value) if($enable-important-utilities, !important, null); + background-color: RGBA($color-rgb, var(--#{$prefix}bg-opacity, 1)) if($enable-important-utilities, !important, null); } } |