Separate function for global props

author: Volpeon <git@volpeon.ink> 2022-02-06 17:26:16 +0100
committer: Volpeon <git@volpeon.ink> 2022-02-06 17:26:16 +0100
commit: ee3fd3a86c236441e161991a56009bb6ddae4458 (patch)
tree: 8fd9c712528a6896f78f0c2d8f591ee1b8c5528e /src/objects/_button.scss
parent: Improved variable structure (diff)
download: iro-design-ee3fd3a86c236441e161991a56009bb6ddae4458.tar.gz
iro-design-ee3fd3a86c236441e161991a56009bb6ddae4458.tar.bz2
iro-design-ee3fd3a86c236441e161991a56009bb6ddae4458.zip
1 files changed, 26 insertions, 26 deletions
diff --git a/src/objects/_button.scss b/src/objects/_button.scss
index 135ada0..6ae8312 100644
--- a/src/objects/_button.scss
+++ b/src/objects/_button.scss
@@ -45,65 +45,65 @@
        --colors: (
            --any: (
                --disabled: (
-                    --bg:     fn.color(--obj-hi, $global: true),
+                    --bg:     fn.global-color(--obj-hi),
-                    --label:  fn.color(--fg-hi3, $global: true),
+                    --label:  fn.global-color(--fg-hi3),
                    --shadow: 0 0 0 0 transparent,
                ),
                --key-focus: (
                    --bg:     transparent,
-                    --label:  fn.color(--accent --primary-lo2, $global: true),
+                    --label:  fn.global-color(--accent --primary-lo2),
-                    --border: fn.color(--focus --fill, $global: true),
+                    --border: fn.global-color(--focus --fill),
-                    --shadow: fn.color(--focus --shadow, $global: true),
+                    --shadow: fn.global-color(--focus --shadow),
                ),
            ),
            --accent: (
-                --bg:            fn.color(--accent --primary, $global: true),
+                --bg:            fn.global-color(--accent --primary),
-                --label:         fn.color(--accent --primary-fg, $global: true),
+                --label:         fn.global-color(--accent --primary-fg),
-                --outline-label: fn.color(--accent --primary-lo, $global: true),
+                --outline-label: fn.global-color(--accent --primary-lo),
                --shadow:        0 0 0 0 transparent,
                --hover: (
-                    --bg:     fn.color(--accent --primary-lo, $global: true),
+                    --bg:     fn.global-color(--accent --primary-lo),
-                    --label:  fn.color(--accent --primary-fg, $global: true),
+                    --label:  fn.global-color(--accent --primary-fg),
                    --shadow: 0 0 0 0 transparent,
                ),
                --active: (
-                    --bg:     fn.color(--accent --primary-lo2, $global: true),
+                    --bg:     fn.global-color(--accent --primary-lo2),
-                    --label:  fn.color(--accent --primary-fg, $global: true),
+                    --label:  fn.global-color(--accent --primary-fg),
                    --shadow: 0 0 0 0 transparent,
                ),
            ),
            --primary: (
-                --bg:            fn.color(--fg, $global: true),
+                --bg:            fn.global-color(--fg),
-                --label:         fn.color(--bg-hi2, $global: true),
+                --label:         fn.global-color(--bg-hi2),
-                --outline-label: fn.color(--fg, $global: true),
+                --outline-label: fn.global-color(--fg),
                --shadow:        0 0 0 0 transparent,
                --hover: (
-                    --bg:     fn.color(--fg-lo, $global: true),
+                    --bg:     fn.global-color(--fg-lo),
-                    --label:  fn.color(--bg-hi2, $global: true),
+                    --label:  fn.global-color(--bg-hi2),
                    --shadow: 0 0 0 0 transparent,
                ),
                --active: (
-                    --bg:     fn.color(--fg-lo, $global: true),
+                    --bg:     fn.global-color(--fg-lo),
-                    --label:  fn.color(--bg-hi2, $global: true),
+                    --label:  fn.global-color(--bg-hi2),
                    --shadow: 0 0 0 0 transparent,
                ),
            ),
            --secondary: (
-                --bg:            fn.color(--obj-hi, $global: true),
+                --bg:            fn.global-color(--obj-hi),
-                --label:         fn.color(--fg, $global: true),
+                --label:         fn.global-color(--fg),
-                --outline-label: fn.color(--fg, $global: true),
+                --outline-label: fn.global-color(--fg),
                --shadow:        0 0 0 0 transparent,
                --hover: (
-                    --bg:     fn.color(--obj, $global: true),
+                    --bg:     fn.global-color(--obj),
-                    --label:  fn.color(--fg-lo, $global: true),
+                    --label:  fn.global-color(--fg-lo),
                    --shadow: 0 0 0 0 transparent,
                ),
                --active: (
-                    --bg:     fn.color(--obj-lo, $global: true),
+                    --bg:     fn.global-color(--obj-lo),
-                    --label:  fn.color(--fg-lo, $global: true),
+                    --label:  fn.global-color(--fg-lo),
                    --shadow: 0 0 0 0 transparent,
                ),
            ),
author	Volpeon <git@volpeon.ink>	2022-02-06 17:26:16 +0100
committer	Volpeon <git@volpeon.ink>	2022-02-06 17:26:16 +0100
commit	ee3fd3a86c236441e161991a56009bb6ddae4458 (patch)
tree	8fd9c712528a6896f78f0c2d8f591ee1b8c5528e /src/objects/_button.scss
parent	Improved variable structure (diff)
download	iro-design-ee3fd3a86c236441e161991a56009bb6ddae4458.tar.gz iro-design-ee3fd3a86c236441e161991a56009bb6ddae4458.tar.bz2 iro-design-ee3fd3a86c236441e161991a56009bb6ddae4458.zip

diff --git a/src/objects/_button.scss b/src/objects/_button.scss index 135ada0..6ae8312 100644 --- a/src/objects/_button.scss +++ b/src/objects/_button.scss
@@ -45,65 +45,65 @@
45	--colors: (	45	--colors: (
46	--any: (	46	--any: (
47	--disabled: (	47	--disabled: (
48	--bg: fn.color(--obj-hi, $global: true),	48	--bg: fn.global-color(--obj-hi),
49	--label: fn.color(--fg-hi3, $global: true),	49	--label: fn.global-color(--fg-hi3),
50	--shadow: 0 0 0 0 transparent,	50	--shadow: 0 0 0 0 transparent,
51	),	51	),
52	--key-focus: (	52	--key-focus: (
53	--bg: transparent,	53	--bg: transparent,
54	--label: fn.color(--accent --primary-lo2, $global: true),	54	--label: fn.global-color(--accent --primary-lo2),
55	--border: fn.color(--focus --fill, $global: true),	55	--border: fn.global-color(--focus --fill),
56	--shadow: fn.color(--focus --shadow, $global: true),	56	--shadow: fn.global-color(--focus --shadow),
57	),	57	),
58	),	58	),
59	--accent: (	59	--accent: (
60	--bg: fn.color(--accent --primary, $global: true),	60	--bg: fn.global-color(--accent --primary),
61	--label: fn.color(--accent --primary-fg, $global: true),	61	--label: fn.global-color(--accent --primary-fg),
62	--outline-label: fn.color(--accent --primary-lo, $global: true),	62	--outline-label: fn.global-color(--accent --primary-lo),
63	--shadow: 0 0 0 0 transparent,	63	--shadow: 0 0 0 0 transparent,
64		64
65	--hover: (	65	--hover: (
66	--bg: fn.color(--accent --primary-lo, $global: true),	66	--bg: fn.global-color(--accent --primary-lo),
67	--label: fn.color(--accent --primary-fg, $global: true),	67	--label: fn.global-color(--accent --primary-fg),
68	--shadow: 0 0 0 0 transparent,	68	--shadow: 0 0 0 0 transparent,
69	),	69	),
70	--active: (	70	--active: (
71	--bg: fn.color(--accent --primary-lo2, $global: true),	71	--bg: fn.global-color(--accent --primary-lo2),
72	--label: fn.color(--accent --primary-fg, $global: true),	72	--label: fn.global-color(--accent --primary-fg),
73	--shadow: 0 0 0 0 transparent,	73	--shadow: 0 0 0 0 transparent,
74	),	74	),
75	),	75	),
76	--primary: (	76	--primary: (
77	--bg: fn.color(--fg, $global: true),	77	--bg: fn.global-color(--fg),
78	--label: fn.color(--bg-hi2, $global: true),	78	--label: fn.global-color(--bg-hi2),
79	--outline-label: fn.color(--fg, $global: true),	79	--outline-label: fn.global-color(--fg),
80	--shadow: 0 0 0 0 transparent,	80	--shadow: 0 0 0 0 transparent,
81		81
82	--hover: (	82	--hover: (
83	--bg: fn.color(--fg-lo, $global: true),	83	--bg: fn.global-color(--fg-lo),
84	--label: fn.color(--bg-hi2, $global: true),	84	--label: fn.global-color(--bg-hi2),
85	--shadow: 0 0 0 0 transparent,	85	--shadow: 0 0 0 0 transparent,
86	),	86	),
87	--active: (	87	--active: (
88	--bg: fn.color(--fg-lo, $global: true),	88	--bg: fn.global-color(--fg-lo),
89	--label: fn.color(--bg-hi2, $global: true),	89	--label: fn.global-color(--bg-hi2),
90	--shadow: 0 0 0 0 transparent,	90	--shadow: 0 0 0 0 transparent,
91	),	91	),
92	),	92	),
93	--secondary: (	93	--secondary: (
94	--bg: fn.color(--obj-hi, $global: true),	94	--bg: fn.global-color(--obj-hi),
95	--label: fn.color(--fg, $global: true),	95	--label: fn.global-color(--fg),
96	--outline-label: fn.color(--fg, $global: true),	96	--outline-label: fn.global-color(--fg),
97	--shadow: 0 0 0 0 transparent,	97	--shadow: 0 0 0 0 transparent,
98		98
99	--hover: (	99	--hover: (
100	--bg: fn.color(--obj, $global: true),	100	--bg: fn.global-color(--obj),
101	--label: fn.color(--fg-lo, $global: true),	101	--label: fn.global-color(--fg-lo),
102	--shadow: 0 0 0 0 transparent,	102	--shadow: 0 0 0 0 transparent,
103	),	103	),
104	--active: (	104	--active: (
105	--bg: fn.color(--obj-lo, $global: true),	105	--bg: fn.global-color(--obj-lo),
106	--label: fn.color(--fg-lo, $global: true),	106	--label: fn.global-color(--fg-lo),
107	--shadow: 0 0 0 0 transparent,	107	--shadow: 0 0 0 0 transparent,
108	),	108	),
109	),	109	),