Generate local CSS variables on utilities when using state option

diff --git a/scss/mixins/_utilities.scss b/scss/mixins/_utilities.scss
index b02013709a6e436ef48b45369721098bf05e5ced..0eadc50b58d25b8d268e430c34c2999bd25cd314 100644 (file)
--- a/scss/mixins/_utilities.scss
+++ b/scss/mixins/_utilities.scss
@@ -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);
             }
           }