From 8911fdeb9913e6a54b08520b11e4753d98171a12 Mon Sep 17 00:00:00 2001
From: Volpeon <git@volpeon.ink>
Date: Sat, 28 Feb 2026 15:48:37 +0100
Subject: Update

---
 src/objects/_dialog.scss | 32 +++++++++++++++++++++-----------
 1 file changed, 21 insertions(+), 11 deletions(-)

(limited to 'src/objects/_dialog.scss')

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);
+		}
 	}
 }
-- 
cgit v1.2.3-70-g09d2