Feat(web): Print all design-tokens mixins to theme selectors

lmc-eu · Nov 19, 2024 · 732a62f · 732a62f
1 parent 26c045d
commit 732a62f
Showing 1 changed file with 6 additions and 4 deletions.
diff --git a/packages/web/src/scss/tools/_themes.scss b/packages/web/src/scss/tools/_themes.scss
@@ -13,14 +13,16 @@
 
     @each $theme-name, $theme-token-types in $themes {
         $selector: if($is-default-theme, ':root, .#{$theme-name}', '.#{$theme-name}');
-        $sass-variables: map.get($theme-token-types, variables);
-        $css-variables: map.get($theme-token-types, mixins, css-variables);
+        $theme-variables: map.get($theme-token-types, variables);
+        $theme-mixins: map.get($theme-token-types, mixins);
 
         #{$selector} {
-            @include meta.apply($css-variables);
+            @each $theme-mixin-name, $theme-mixin in $theme-mixins {
+                @include meta.apply($theme-mixin);
+            }
 
             @if $add-background-image-urls {
-                @include generate-background-image-urls($themed-tokens: $sass-variables);
+                @include generate-background-image-urls($themed-tokens: $theme-variables);
             }
         }