diff options
Diffstat (limited to 'src/objects')
-rw-r--r-- | src/objects/_action-menu.scss | 7 | ||||
-rw-r--r-- | src/objects/_backdrop.scss | 6 | ||||
-rw-r--r-- | src/objects/_checkbox.scss | 2 | ||||
-rw-r--r-- | src/objects/_dialog.scss | 2 | ||||
-rw-r--r-- | src/objects/_field-label.scss | 4 | ||||
-rw-r--r-- | src/objects/_heading.scss | 6 | ||||
-rw-r--r-- | src/objects/_radio.scss | 2 | ||||
-rw-r--r-- | src/objects/_rule.scss | 2 | ||||
-rw-r--r-- | src/objects/_switch.scss | 2 |
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 | ||