diff options
Diffstat (limited to 'src/objects/_backdrop.scss')
| -rw-r--r-- | src/objects/_backdrop.scss | 32 |
1 files changed, 16 insertions, 16 deletions
diff --git a/src/objects/_backdrop.scss b/src/objects/_backdrop.scss index 346cf5f..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 'iro-sass/src/bem'; | 2 | @use "pkg:iro-sass/bem"; |
| 3 | @use '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 | } |
