Generate local CSS variables on utilities when using state optionutilities-api-css-vars-in-states

1 files changed, 5 insertions, 0 deletions

diff --git a/scss/mixins/_utilities.scss b/scss/mixins/_utilities.scss
index b02013709a..0eadc50b58 100644
--- 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);
             }
           }