summaryrefslogtreecommitdiffstats
path: root/src/objects/_switch.scss
diff options
context:
space:
mode:
authorVolpeon <git@volpeon.ink>2022-02-06 17:26:16 +0100
committerVolpeon <git@volpeon.ink>2022-02-06 17:26:16 +0100
commitee3fd3a86c236441e161991a56009bb6ddae4458 (patch)
tree8fd9c712528a6896f78f0c2d8f591ee1b8c5528e /src/objects/_switch.scss
parentImproved variable structure (diff)
downloadiro-design-ee3fd3a86c236441e161991a56009bb6ddae4458.tar.gz
iro-design-ee3fd3a86c236441e161991a56009bb6ddae4458.tar.bz2
iro-design-ee3fd3a86c236441e161991a56009bb6ddae4458.zip
Separate function for global props
Diffstat (limited to 'src/objects/_switch.scss')
-rw-r--r--src/objects/_switch.scss34
1 files changed, 17 insertions, 17 deletions
diff --git a/src/objects/_switch.scss b/src/objects/_switch.scss
index 0fb95f1..b75397d 100644
--- a/src/objects/_switch.scss
+++ b/src/objects/_switch.scss
@@ -7,41 +7,41 @@
7 --width: iro.fn-px-to-rem(26px), 7 --width: iro.fn-px-to-rem(26px),
8 --height: iro.fn-px-to-rem(15px), 8 --height: iro.fn-px-to-rem(15px),
9 --label-gap: .6rem, 9 --label-gap: .6rem,
10 --border-width: fn.dim(--border-width --medium, $global: true), 10 --border-width: fn.global-dim(--border-width --medium),
11 --padding-x: .3rem, 11 --padding-x: .3rem,
12 --padding-y: .3rem, 12 --padding-y: .3rem,
13 --margin-right: fn.dim(--spacing --x --md, $global: true), 13 --margin-right: fn.global-dim(--spacing --x --md),
14 ), 14 ),
15 ), 'dims'); 15 ), 'dims');
16 16
17 @include iro.props-store(( 17 @include iro.props-store((
18 --colors: ( 18 --colors: (
19 --track-bg: fn.color(--obj, $global: true), 19 --track-bg: fn.global-color(--obj),
20 --handle-border: fn.color(--fg-hi, $global: true), 20 --handle-border: fn.global-color(--fg-hi),
21 --handle-bg: fn.color(--bg-hi, $global: true), 21 --handle-bg: fn.global-color(--bg-hi),
22 22
23 --hover: ( 23 --hover: (
24 --label: fn.color(--fg-lo, $global: true), 24 --label: fn.global-color(--fg-lo),
25 --handle-border: fn.color(--fg, $global: true), 25 --handle-border: fn.global-color(--fg),
26 ), 26 ),
27 --accent: ( 27 --accent: (
28 --handle-border: fn.color(--accent --primary, $global: true), 28 --handle-border: fn.global-color(--accent --primary),
29 29
30 --hover: ( 30 --hover: (
31 --handle-border: fn.color(--accent --primary-lo, $global: true), 31 --handle-border: fn.global-color(--accent --primary-lo),
32 ), 32 ),
33 ), 33 ),
34 --key-focus: ( 34 --key-focus: (
35 --label: fn.color(--focus --text, $global: true), 35 --label: fn.global-color(--focus --text),
36 --track-bg: fn.color(--focus --fill, $global: true), 36 --track-bg: fn.global-color(--focus --fill),
37 --handle-border: fn.color(--focus --fill, $global: true), 37 --handle-border: fn.global-color(--focus --fill),
38 --shadow: fn.color(--focus --shadow, $global: true), 38 --shadow: fn.global-color(--focus --shadow),
39 ), 39 ),
40 --disabled: ( 40 --disabled: (
41 --label: fn.color(--fg-hi3, $global: true), 41 --label: fn.global-color(--fg-hi3),
42 --track-bg: fn.color(--obj, $global: true), 42 --track-bg: fn.global-color(--obj),
43 --handle-border: fn.color(--obj-lo, $global: true), 43 --handle-border: fn.global-color(--obj-lo),
44 --handle-bg: fn.color(--bg-hi, $global: true), 44 --handle-bg: fn.global-color(--bg-hi),
45 ) 45 )
46 ), 46 ),
47 ), 'colors'); 47 ), 'colors');