Simplified dialog

1 files changed, 5 insertions, 15 deletions

diff --git a/src/objects/_dialog.scss b/src/objects/_dialog.scss
index a85fd1f..a445d56 100644
--- a/src/objects/_dialog.scss
+++ b/src/objects/_dialog.scss
@@ -7,7 +7,7 @@
             --width-sm: iro.fn-px-to-rem(500px),
             --width-md: iro.fn-px-to-rem(800px),
             --width-lg: iro.fn-px-to-rem(1100px),
-            --rounding: 8px,
+            --rounding: 4px,
             --border:   1px,
 
             --header: (
@@ -36,18 +36,10 @@
 
     @include iro.props-store((
         --colors: (
-            --outer-border: rgba(#000, .2),
-            --inner-border: fn.global-color(--border --stable),
-            --shadow:       0 .2em .5em rgba(#000, .2),
+            --border: fn.global-color(--border --stable),
         ),
     ), 'colors');
 
-    @include iro.props-store((
-        --colors: (
-            --outer-border: rgba(#fff, .2),
-        ),
-    ), 'colors-dark');
-
     @include iro.bem-object(iro.props-namespace()) {
         display:               grid;
         grid-template-rows:    auto 1fr auto;
@@ -63,11 +55,9 @@
         max-width:             fn.dim(--width-md);
         margin:                0 auto;
         overflow:              hidden;
-        border:                fn.dim(--border) solid fn.color(--outer-border);
         border-radius:         fn.dim(--rounding);
         background-clip:       padding-box;
         background-color:      fn.global-color(--bg);
-        box-shadow:            fn.color(--shadow);
         color:                 fn.global-color(--fg);
 
         @include iro.bem-modifier('sm') {
@@ -81,11 +71,11 @@
         @include iro.bem-elem('header') {
             grid-area:     sidebar-header / sidebar-header / header / header;
             padding:       fn.dim(--header --pad-y) fn.dim(--header --pad-x);
-            border-bottom: 1px solid fn.color(--inner-border);
+            border-bottom: 1px solid fn.color(--border);
 
             @include iro.bem-modifier('sidebar') {
                 grid-area:    sidebar-header;
-                border-right: 1px solid fn.color(--inner-border);
+                border-right: 1px solid fn.color(--border);
     
                 @include iro.bem-sibling-elem('header') {
                     grid-area: header;
@@ -106,7 +96,7 @@
         @include iro.bem-elem('sidebar') {
             grid-area:    sidebar;
             padding:      fn.dim(--sidebar --pad-y) fn.dim(--sidebar --pad-x);
-            border-right: 1px solid fn.color(--inner-border);
+            border-right: 1px solid fn.color(--border);
         }
 
         @include iro.bem-elem('body') {