1 files changed, 11 insertions, 15 deletions

diff --git a/src/objects/_backdrop.scss b/src/objects/_backdrop.scss
index 9e0cc1e..82246ed 100644
--- a/src/objects/_backdrop.scss
+++ b/src/objects/_backdrop.scss
@@ -1,26 +1,22 @@
+@use 'sass:meta';
 @use 'iro-sass/src/iro-sass' as iro;
-@use '../functions' as fn;
+@use '../props';
 
-@include iro.props-namespace('backdrop') {
-    @include iro.props-store((
-        --dims: (
-            --z-index: 10000,
-            --blur:    2em,
-        ),
-        --colors: (
-            --bg: rgba(#000, .75),
-        ),
-    ));
+@forward 'backdrop.vars';
+@use 'backdrop.vars' as vars;
 
-    @include iro.bem-object(iro.props-namespace()) {
+@mixin styles {
+    @include props.materialize(meta.module-variables('vars'));
+
+    @include iro.bem-object('backdrop') {
         position:         fixed;
         inset:            0;
-        z-index:          fn.dim(--z-index);
+        z-index:          props.get(vars.$z-index);
         box-sizing:       border-box;
         display:          flex;
         flex-direction:   column;
         overflow:         auto;
-        background-color: fn.color(--bg);
-        backdrop-filter:  blur(fn.dim(--blur));
+        background-color: props.get(vars.$bg-color);
+        backdrop-filter:  blur(props.get(vars.$blur));
     }
 }