From c645b7be46f343ef66c0e19532a12e6d6dd9db88 Mon Sep 17 00:00:00 2001
From: Volpeon <git@volpeon.ink>
Date: Sat, 12 Feb 2022 10:10:33 +0100
Subject: Added dark color palette
---
src/objects/_action-menu.scss | 7 +++++++
src/objects/_backdrop.scss | 6 ++++++
src/objects/_checkbox.scss | 2 +-
src/objects/_dialog.scss | 2 +-
src/objects/_field-label.scss | 4 ++--
src/objects/_heading.scss | 6 +++---
src/objects/_radio.scss | 2 +-
src/objects/_rule.scss | 2 +-
src/objects/_switch.scss | 2 +-
9 files changed, 23 insertions(+), 10 deletions(-)
(limited to 'src/objects')
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
@@ -16,6 +16,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');
--
cgit v1.2.3-70-g09d2