summaryrefslogtreecommitdiffstats
path: root/src/objects/_backdrop.scss
diff options
context:
space:
mode:
Diffstat (limited to 'src/objects/_backdrop.scss')
-rw-r--r--src/objects/_backdrop.scss32
1 files changed, 16 insertions, 16 deletions
diff --git a/src/objects/_backdrop.scss b/src/objects/_backdrop.scss
index 6660abf..1a7d1fa 100644
--- a/src/objects/_backdrop.scss
+++ b/src/objects/_backdrop.scss
@@ -1,23 +1,23 @@
1@use 'sass:meta'; 1@use "sass:meta";
2@use 'pkg:iro-sass/src/bem'; 2@use "pkg:iro-sass/bem";
3@use 'pkg:iro-sass/src/props'; 3@use "pkg:iro-sass/props";
4@use '../props' as *; 4@use "../props" as *;
5 5
6@forward 'backdrop.vars'; 6@forward "backdrop.vars";
7@use 'backdrop.vars' as vars; 7@use "backdrop.vars" as vars;
8 8
9@mixin styles { 9@mixin styles {
10 @include materialize-at-root(meta.module-variables('vars')); 10 @include materialize-at-root(meta.module-variables("vars"));
11 11
12 @include bem.object('backdrop') { 12 @include bem.object("backdrop") {
13 position: fixed; 13 position: fixed;
14 inset: 0; 14 inset: 0;
15 z-index: props.get(vars.$z-index); 15 z-index: props.get(vars.$z-index);
16 box-sizing: border-box; 16 box-sizing: border-box;
17 display: flex; 17 display: flex;
18 flex-direction: column; 18 flex-direction: column;
19 overflow: auto; 19 overflow: auto;
20 background-color: props.get(vars.$bg-color); 20 background-color: props.get(vars.$bg-color);
21 backdrop-filter: blur(props.get(vars.$blur)); 21 backdrop-filter: blur(props.get(vars.$blur));
22 } 22 }
23} 23}