Generate local CSS variables on utilities when using state option

63458268 · Mark Otto · Mark Otto · 1b31f849 · 63458268
Commit 63458268 authored 2 years ago by Mark Otto Committed by Mark Otto 2 years ago
Hide whitespace changes
Inline Side-by-side

Showing

with 5 additions and 0 deletions
+5 -0
--- 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);
            }
          }