Better dialog padding

1 files changed, 9 insertions, 2 deletions

diff --git a/src/objects/_dialog.scss b/src/objects/_dialog.scss
index bf0defb..b0b435f 100644
--- a/src/objects/_dialog.scss
+++ b/src/objects/_dialog.scss
@@ -4,8 +4,8 @@
 @include iro.props-namespace('dialog') {
     @include iro.props-store((
         --dims: (
-            --pad-x:              iro.fn-px-to-rem(40px),
-            --pad-y:              iro.fn-px-to-rem(40px),
+            --pad-x:              fn.global-dim(--size --400),
+            --pad-y:              fn.global-dim(--size --400),
             --width-sm:           iro.fn-px-to-rem(500px),
             --width-md:           iro.fn-px-to-rem(800px),
             --width-lg:           iro.fn-px-to-rem(1100px),
@@ -15,6 +15,13 @@
     ), 'dims');
 
     @include iro.props-store((
+        --dims: (
+            --pad-x: fn.global-dim(--size --300),
+            --pad-y: fn.global-dim(--size --300),
+        ),
+    ), 'md');
+
+    @include iro.props-store((
         --colors: (
             --shadow: 0 .2em .5em rgba(#000, .2),
         ),