Create _dialog.scss

1 files changed, 27 insertions, 0 deletions

diff --git a/src/objects/_dialog.scss b/src/objects/_dialog.scss
new file mode 100644
index 0000000..d93543f
--- /dev/null
+++ b/src/objects/_dialog.scss
@@ -0,0 +1,27 @@
+@use 'sass:meta';
+@use 'iro-sass/src/bem';
+@use 'iro-sass/src/props';
+@use '../props' as *;
+
+@use 'backdrop.vars' as backdrop;
+
+@mixin styles {
+        @include bem.object('dialog') {
+                box-sizing:            border-box;
+                inline-size:           100%;
+                max-inline-size:       none;
+                block-size:            100%;
+                min-block-size:        0;
+                max-block-size:        none;
+                padding:               0;
+                margin:                0;
+                overflow:              hidden;
+                background-color:      transparent;
+                border:                0;
+
+                &::backdrop {
+                        background-color: props.get(backdrop.$bg-color);
+                        backdrop-filter: blur(props.get(backdrop.$blur));
+                }
+        }
+}