Added dark color palette

9 files changed, 23 insertions, 10 deletions

diff --git a/src/objects/_action-menu.scss b/src/objects/_action-menu.scss
index 4f73cf7..59e0287 100644
--- a/src/objects/_action-menu.scss
+++ b/src/objects/_action-menu.scss
@@ -40,6 +40,13 @@
         ),
     ), 'colors');
 
+    @include iro.props-store((
+        --colors: (
+            --shadow: 0 .2em .5em rgba(#000, .5),
+            --border: rgba(#fff, .08),
+        ),
+    ), 'colors-dark');
+
     @include iro.bem-object(iro.props-namespace()) {
         position:         absolute;
         z-index:          10000;
diff --git a/src/objects/_backdrop.scss b/src/objects/_backdrop.scss
index e989e53..d5ce028 100644
--- a/src/objects/_backdrop.scss
+++ b/src/objects/_backdrop.scss
@@ -17,6 +17,12 @@
     ), 'colors');
 
     @include iro.props-store((
+        --colors: (
+            --bg: rgba(#000, .75),
+        ),
+    ), 'colors-dark');
+
+    @include iro.props-store((
         --dims: (
             --pad-y: iro.fn-px-to-rem(30px),
         )
diff --git a/src/objects/_checkbox.scss b/src/objects/_checkbox.scss
index 5d81b19..be47eee 100644
--- a/src/objects/_checkbox.scss
+++ b/src/objects/_checkbox.scss
@@ -9,7 +9,7 @@
             --border-width: fn.global-dim(--border-width --medium),
             --pad-x:        iro.fn-px-to-rem(5px),
             --pad-y:        iro.fn-px-to-rem(5px),
-            --margin-right: fn.global-dim(--spacing --x --md),
+            --margin-right: fn.global-dim(--spacing --md),
         ),
     ), 'dims');
 
diff --git a/src/objects/_dialog.scss b/src/objects/_dialog.scss
index 9c7dc1f..22325f4 100644
--- a/src/objects/_dialog.scss
+++ b/src/objects/_dialog.scss
@@ -10,7 +10,7 @@
             --width-md:           iro.fn-px-to-rem(800px),
             --width-lg:           iro.fn-px-to-rem(1100px),
             --rounding:           3px,
-            --title-body-spacing: fn.global-dim(--spacing --y --sm),
+            --title-body-spacing: fn.global-dim(--spacing --sm),
         ),
     ), 'dims');
 
diff --git a/src/objects/_field-label.scss b/src/objects/_field-label.scss
index 66f5ef7..4b75282 100644
--- a/src/objects/_field-label.scss
+++ b/src/objects/_field-label.scss
@@ -4,8 +4,8 @@
 @include iro.props-namespace('field-label') {
     @include iro.props-store((
         --dims: (
-            --spacing-x:       fn.global-dim(--spacing --x --sm),
-            --spacing-y:       fn.global-dim(--spacing --y --xs),
+            --spacing-x:       fn.global-dim(--spacing --sm),
+            --spacing-y:       fn.global-dim(--spacing --xs),
             --label-font-size: fn.global-dim(--font-size --sm),
             --hint-font-size:  fn.global-dim(--font-size --sm),
         ),
diff --git a/src/objects/_heading.scss b/src/objects/_heading.scss
index c1feb5e..24971bb 100644
--- a/src/objects/_heading.scss
+++ b/src/objects/_heading.scss
@@ -5,9 +5,9 @@
     @include iro.props-store((
         --dims: (
             --in-page-margin: (
-                --top:         fn.global-dim(--spacing --y --lg),
-                --top-sibling: fn.global-dim(--spacing --y --md),
-                --bottom:      fn.global-dim(--spacing --y --sm),
+                --top:         fn.global-dim(--spacing --lg),
+                --top-sibling: fn.global-dim(--spacing --md),
+                --bottom:      fn.global-dim(--spacing --sm),
             ),
         ),
     ), 'dims');
diff --git a/src/objects/_radio.scss b/src/objects/_radio.scss
index 1a6e1a6..85f94f2 100644
--- a/src/objects/_radio.scss
+++ b/src/objects/_radio.scss
@@ -9,7 +9,7 @@
             --border-width: fn.global-dim(--border-width --medium),
             --pad-x:        iro.fn-px-to-rem(5px),
             --pad-y:        iro.fn-px-to-rem(5px),
-            --margin-right: fn.global-dim(--spacing --x --md),
+            --margin-right: fn.global-dim(--spacing --md),
         ),
     ), 'dims');
 
diff --git a/src/objects/_rule.scss b/src/objects/_rule.scss
index 7a9caa3..1892a3d 100644
--- a/src/objects/_rule.scss
+++ b/src/objects/_rule.scss
@@ -4,7 +4,7 @@
 @include iro.props-namespace('rule') {
     @include iro.props-store((
         --dims: (
-            --margin-y: fn.global-dim(--spacing --y --xs),
+            --margin-y: fn.global-dim(--spacing --xs),
     
             --strong: (
                 --border-width:    fn.global-dim(--border-width --thick),
diff --git a/src/objects/_switch.scss b/src/objects/_switch.scss
index 1a2fb80..e0ff178 100644
--- a/src/objects/_switch.scss
+++ b/src/objects/_switch.scss
@@ -10,7 +10,7 @@
             --border-width: fn.global-dim(--border-width --medium),
             --pad-x:        iro.fn-px-to-rem(5px),
             --pad-y:        iro.fn-px-to-rem(5px),
-            --margin-right: fn.global-dim(--spacing --x --md),
+            --margin-right: fn.global-dim(--spacing --md),
         ),
     ), 'dims');