summaryrefslogtreecommitdiffstats
path: root/src/objects
diff options
context:
space:
mode:
authorVolpeon <git@volpeon.ink>2022-02-12 10:10:33 +0100
committerVolpeon <git@volpeon.ink>2022-02-12 10:10:33 +0100
commitc645b7be46f343ef66c0e19532a12e6d6dd9db88 (patch)
treeda3d5686c70dcbc90f216edd63fbde70d495807d /src/objects
parentAdded close button to dialog (diff)
downloadiro-design-c645b7be46f343ef66c0e19532a12e6d6dd9db88.tar.gz
iro-design-c645b7be46f343ef66c0e19532a12e6d6dd9db88.tar.bz2
iro-design-c645b7be46f343ef66c0e19532a12e6d6dd9db88.zip
Added dark color palette
Diffstat (limited to 'src/objects')
-rw-r--r--src/objects/_action-menu.scss7
-rw-r--r--src/objects/_backdrop.scss6
-rw-r--r--src/objects/_checkbox.scss2
-rw-r--r--src/objects/_dialog.scss2
-rw-r--r--src/objects/_field-label.scss4
-rw-r--r--src/objects/_heading.scss6
-rw-r--r--src/objects/_radio.scss2
-rw-r--r--src/objects/_rule.scss2
-rw-r--r--src/objects/_switch.scss2
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 @@
40 ), 40 ),
41 ), 'colors'); 41 ), 'colors');
42 42
43 @include iro.props-store((
44 --colors: (
45 --shadow: 0 .2em .5em rgba(#000, .5),
46 --border: rgba(#fff, .08),
47 ),
48 ), 'colors-dark');
49
43 @include iro.bem-object(iro.props-namespace()) { 50 @include iro.bem-object(iro.props-namespace()) {
44 position: absolute; 51 position: absolute;
45 z-index: 10000; 52 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 @@
17 ), 'colors'); 17 ), 'colors');
18 18
19 @include iro.props-store(( 19 @include iro.props-store((
20 --colors: (
21 --bg: rgba(#000, .75),
22 ),
23 ), 'colors-dark');
24
25 @include iro.props-store((
20 --dims: ( 26 --dims: (
21 --pad-y: iro.fn-px-to-rem(30px), 27 --pad-y: iro.fn-px-to-rem(30px),
22 ) 28 )
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 @@
9 --border-width: fn.global-dim(--border-width --medium), 9 --border-width: fn.global-dim(--border-width --medium),
10 --pad-x: iro.fn-px-to-rem(5px), 10 --pad-x: iro.fn-px-to-rem(5px),
11 --pad-y: iro.fn-px-to-rem(5px), 11 --pad-y: iro.fn-px-to-rem(5px),
12 --margin-right: fn.global-dim(--spacing --x --md), 12 --margin-right: fn.global-dim(--spacing --md),
13 ), 13 ),
14 ), 'dims'); 14 ), 'dims');
15 15
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 @@
10 --width-md: iro.fn-px-to-rem(800px), 10 --width-md: iro.fn-px-to-rem(800px),
11 --width-lg: iro.fn-px-to-rem(1100px), 11 --width-lg: iro.fn-px-to-rem(1100px),
12 --rounding: 3px, 12 --rounding: 3px,
13 --title-body-spacing: fn.global-dim(--spacing --y --sm), 13 --title-body-spacing: fn.global-dim(--spacing --sm),
14 ), 14 ),
15 ), 'dims'); 15 ), 'dims');
16 16
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 @@
4@include iro.props-namespace('field-label') { 4@include iro.props-namespace('field-label') {
5 @include iro.props-store(( 5 @include iro.props-store((
6 --dims: ( 6 --dims: (
7 --spacing-x: fn.global-dim(--spacing --x --sm), 7 --spacing-x: fn.global-dim(--spacing --sm),
8 --spacing-y: fn.global-dim(--spacing --y --xs), 8 --spacing-y: fn.global-dim(--spacing --xs),
9 --label-font-size: fn.global-dim(--font-size --sm), 9 --label-font-size: fn.global-dim(--font-size --sm),
10 --hint-font-size: fn.global-dim(--font-size --sm), 10 --hint-font-size: fn.global-dim(--font-size --sm),
11 ), 11 ),
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 @@
5 @include iro.props-store(( 5 @include iro.props-store((
6 --dims: ( 6 --dims: (
7 --in-page-margin: ( 7 --in-page-margin: (
8 --top: fn.global-dim(--spacing --y --lg), 8 --top: fn.global-dim(--spacing --lg),
9 --top-sibling: fn.global-dim(--spacing --y --md), 9 --top-sibling: fn.global-dim(--spacing --md),
10 --bottom: fn.global-dim(--spacing --y --sm), 10 --bottom: fn.global-dim(--spacing --sm),
11 ), 11 ),
12 ), 12 ),
13 ), 'dims'); 13 ), '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 @@
9 --border-width: fn.global-dim(--border-width --medium), 9 --border-width: fn.global-dim(--border-width --medium),
10 --pad-x: iro.fn-px-to-rem(5px), 10 --pad-x: iro.fn-px-to-rem(5px),
11 --pad-y: iro.fn-px-to-rem(5px), 11 --pad-y: iro.fn-px-to-rem(5px),
12 --margin-right: fn.global-dim(--spacing --x --md), 12 --margin-right: fn.global-dim(--spacing --md),
13 ), 13 ),
14 ), 'dims'); 14 ), 'dims');
15 15
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 @@
4@include iro.props-namespace('rule') { 4@include iro.props-namespace('rule') {
5 @include iro.props-store(( 5 @include iro.props-store((
6 --dims: ( 6 --dims: (
7 --margin-y: fn.global-dim(--spacing --y --xs), 7 --margin-y: fn.global-dim(--spacing --xs),
8 8
9 --strong: ( 9 --strong: (
10 --border-width: fn.global-dim(--border-width --thick), 10 --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 @@
10 --border-width: fn.global-dim(--border-width --medium), 10 --border-width: fn.global-dim(--border-width --medium),
11 --pad-x: iro.fn-px-to-rem(5px), 11 --pad-x: iro.fn-px-to-rem(5px),
12 --pad-y: iro.fn-px-to-rem(5px), 12 --pad-y: iro.fn-px-to-rem(5px),
13 --margin-right: fn.global-dim(--spacing --x --md), 13 --margin-right: fn.global-dim(--spacing --md),
14 ), 14 ),
15 ), 'dims'); 15 ), 'dims');
16 16