2 files changed, 31 insertions, 11 deletions

diff --git a/src/objects/_dialog.scss b/src/objects/_dialog.scss
index d93543f..479bcc6 100644
--- a/src/objects/_dialog.scss
+++ b/src/objects/_dialog.scss
@@ -3,25 +3,35 @@
 @use 'iro-sass/src/props';
 @use '../props' as *;
 
+@forward 'dialog.vars';
+@use 'dialog.vars' as vars;
+
 @use 'backdrop.vars' as backdrop;
 
 @mixin styles {
+        @include materialize-at-root(meta.module-variables('vars'));
+
         @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;
+                box-sizing:       border-box;
+                inline-size:      100%;
+                max-inline-size:  none;
+                block-size:       100%;
+                min-block-size:   0;
+                max-block-size:   none;
+                padding:          props.get(vars.$pad-b) props.get(vars.$pad-i);
+                margin:           0;
+                background-color: transparent;
+                border:           0;
 
                 &::backdrop {
                         background-color: props.get(backdrop.$bg-color);
                         backdrop-filter: blur(props.get(backdrop.$blur));
                 }
+
+                @include bem.elem('content') {
+                        pointer-events:   auto;
+                        border-radius:    props.get(vars.$rounding);
+                        background-color: props.get(vars.$bg-color);
+                }
         }
 }
diff --git a/src/objects/_dialog.vars.scss b/src/objects/_dialog.vars.scss
new file mode 100644
index 0000000..5fd2fbd
--- /dev/null
+++ b/src/objects/_dialog.vars.scss
@@ -0,0 +1,10 @@
+@use 'sass:map';
+@use 'iro-sass/src/props';
+@use '../core.vars' as core;
+@use '../layouts/container.vars' as container;
+
+$pad-b:    props.def(--o-dialog--pad-b, props.get(container.$pad-b)) !default;
+$pad-i:    props.def(--o-dialog--pad-b, props.get(container.$pad-i)) !default;
+$rounding: props.def(--o-dialog--rounding, props.get(core.$rounding)) !default;
+
+$bg-color: props.def(--o-dialog--bg-color, props.get(core.$theme, --bg-l1), 'color') !default;