diff options
Diffstat (limited to 'scss/mixins/_utilities.scss')
-rw-r--r-- | scss/mixins/_utilities.scss | 13 |
1 files changed, 9 insertions, 4 deletions
diff --git a/scss/mixins/_utilities.scss b/scss/mixins/_utilities.scss index b2c6683d7d..59a2374617 100644 --- a/scss/mixins/_utilities.scss +++ b/scss/mixins/_utilities.scss @@ -28,7 +28,7 @@ $infix: if($property-class == "" and str-slice($infix, 1, 1) == "-", str-slice($infix, 2), $infix); - // Don't prefix if value key is null (eg. with shadow class) + // Don't prefix if value key is null (e.g. with shadow class) $property-class-modifier: if($key, if($property-class == "" and $infix == "", "", "-") + $key, ""); @if map-get($utility, rfs) { @@ -55,12 +55,12 @@ @if $is-css-var { .#{$property-class + $infix + $property-class-modifier} { - --#{$variable-prefix}#{$css-variable-name}: #{$value}; + --#{$prefix}#{$css-variable-name}: #{$value}; } @each $pseudo in $state { .#{$property-class + $infix + $property-class-modifier}-#{$pseudo}:#{$pseudo} { - --#{$variable-prefix}#{$css-variable-name}: #{$value}; + --#{$prefix}#{$css-variable-name}: #{$value}; } } } @else { @@ -68,7 +68,7 @@ @each $property in $properties { @if $is-local-vars { @each $local-var, $variable in $is-local-vars { - --#{$variable-prefix}#{$local-var}: #{$variable}; + --#{$prefix}#{$local-var}: #{$variable}; } } #{$property}: $value if($enable-important-utilities, !important, null); @@ -78,6 +78,11 @@ @each $pseudo in $state { .#{$property-class + $infix + $property-class-modifier}-#{$pseudo}:#{$pseudo} { @each $property in $properties { + @if $is-local-vars { + @each $local-var, $variable in $is-local-vars { + --#{$prefix}#{$local-var}: #{$variable}; + } + } #{$property}: $value if($enable-important-utilities, !important, null); } } |