Put var application into mixin

1 files changed, 16 insertions, 0 deletions

diff --git a/src/_declare-vars.scss b/src/_declare-vars.scss
index 0aa1cca..afe1e15 100644
--- a/src/_declare-vars.scss
+++ b/src/_declare-vars.scss
@@ -271,3 +271,19 @@
         ),
     ), $tree);
 }
+
+@mixin apply-vars {
+    :root {
+        @include iro.props-assign;
+
+        @each $breakpoint in map.keys(media.$breakpoints) {
+            @include media.media('<=#{$breakpoint}') {
+                @include iro.props-assign($breakpoint);
+            }
+        }
+
+        @media (prefers-color-scheme: dark) {
+            @include iro.props-assign('dark');
+        }
+    }
+}