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
parent: Improved variable structure (diff)
download: iro-design-ee3fd3a86c236441e161991a56009bb6ddae4458.tar.gz
iro-design-ee3fd3a86c236441e161991a56009bb6ddae4458.tar.bz2
iro-design-ee3fd3a86c236441e161991a56009bb6ddae4458.zip
12 files changed, 174 insertions, 166 deletions
diff --git a/src/_functions.scss b/src/_functions.scss
index c2fe4c8..a649cc2 100644
--- a/src/_functions.scss
+++ b/src/_functions.scss
@@ -5,7 +5,15 @@
    @return iro.props-get($new-key, $tree, $default, $global);
 }
+@function global-color($key, $tree: 'colors', $default: null, $global: true) {
+    @return color($key, $tree, $default, $global);
+}
 @function dim($key, $tree: 'dims', $default: null, $global: false) {
    $new-key: iro.fn-list-prepend($key, --dims);
    @return iro.props-get($new-key, $tree, $default, $global);
 }
+@function global-dim($key, $tree: 'dims', $default: null, $global: true) {
+    @return dim($key, $tree, $default, $global);
+}
diff --git a/src/layouts/_container.scss b/src/layouts/_container.scss
index af5b208..40e8ab6 100644
--- a/src/layouts/_container.scss
+++ b/src/layouts/_container.scss
@@ -9,7 +9,7 @@
            --sm-content-width:  iro.fn-px-to-rem(360px),
            --padding-x:         3rem,
            --padding-y:         3rem,
-            --in-page-spacing-y: fn.dim(--spacing --y --xl, $global: true),
+            --in-page-spacing-y: fn.global-dim(--spacing --y --xl),
        )
    ), 'dims');
@@ -17,8 +17,8 @@
        overflow: hidden;
        @include iro.bem-elem('inner') {
-            margin-top:    calc(-1 * fn.dim(--spacing --y --xl, $global: true));
+            margin-top:    calc(-1 * fn.global-dim(--spacing --y --xl));
-            margin-bottom: calc(-1 * fn.dim(--spacing --y --xl, $global: true));
+            margin-bottom: calc(-1 * fn.global-dim(--spacing --y --xl));
            &::before,
            &::after {
@@ -29,11 +29,11 @@
            }
            &::before {
-                margin-bottom: fn.dim(--spacing --y --xl, $global: true);
+                margin-bottom: fn.global-dim(--spacing --y --xl);
            }
            &::after {
-                margin-top: fn.dim(--spacing --y --xl, $global: true);
+                margin-top: fn.global-dim(--spacing --y --xl);
            }
        }
@@ -80,8 +80,8 @@
        }
        @include iro.bem-modifier('themed') {
-            background-color: fn.color(--bg, $global: true);
+            background-color: fn.global-color(--bg);
-            color:            fn.color(--fg, $global: true);
+            color:            fn.global-color(--fg);
        }
        @include iro.bem-modifier('in-page') {
diff --git a/src/layouts/_form.scss b/src/layouts/_form.scss
index ac54607..aa4a166 100644
--- a/src/layouts/_form.scss
+++ b/src/layouts/_form.scss
@@ -4,9 +4,9 @@
 @include iro.props-namespace('form') {
    @include iro.props-store((
        --dims: (
-            --item-spacing-y:  fn.dim(--spacing --y --md, $global: true),
+            --item-spacing-y:  fn.global-dim(--spacing --y --md),
-            --label-spacing-x: fn.dim(--spacing --x --md, $global: true),
+            --label-spacing-x: fn.global-dim(--spacing --x --md),
-            --hint-font-size:  fn.dim(--font-size --sm, $global: true),
+            --hint-font-size:  fn.global-dim(--font-size --sm),
        ),
    ), 'dims');
diff --git a/src/objects/_action-button.scss b/src/objects/_action-button.scss
index eefdfed..dd5cea7 100644
--- a/src/objects/_action-button.scss
+++ b/src/objects/_action-button.scss
@@ -12,80 +12,80 @@
    @include iro.props-store((
        --colors: (
-            --bg:     fn.color(--bg-hi, $global: true),
+            --bg:     fn.global-color(--bg-hi),
-            --label:  fn.color(--fg, $global: true),
+            --label:  fn.global-color(--fg),
-            --border: fn.color(--obj-lo, $global: true),
+            --border: fn.global-color(--obj-lo),
            --shadow: 0 0 0 0 transparent,
    
            --hover: (
-                --bg:     fn.color(--bg-hi2, $global: true),
+                --bg:     fn.global-color(--bg-hi2),
-                --label:  fn.color(--fg-lo, $global: true),
+                --label:  fn.global-color(--fg-lo),
-                --border: fn.color(--fg-hi2, $global: true),
+                --border: fn.global-color(--fg-hi2),
                --shadow: 0 0 0 0 transparent,
            ),
            --active: (
-                --bg:     fn.color(--obj-hi, $global: true),
+                --bg:     fn.global-color(--obj-hi),
-                --label:  fn.color(--fg-lo, $global: true),
+                --label:  fn.global-color(--fg-lo),
-                --border: fn.color(--fg-hi2, $global: true),
+                --border: fn.global-color(--fg-hi2),
                --shadow: 0 0 0 0 transparent,
            ),
            --selected: (
-                --bg:     fn.color(--obj-hi, $global: true),
+                --bg:     fn.global-color(--obj-hi),
-                --label:  fn.color(--fg, $global: true),
+                --label:  fn.global-color(--fg),
-                --border: fn.color(--fg-hi3, $global: true),
+                --border: fn.global-color(--fg-hi3),
                --shadow: 0 0 0 0 transparent,
                --hover: (
-                    --label:  fn.color(--fg-lo, $global: true),
+                    --label:  fn.global-color(--fg-lo),
-                    --border: fn.color(--fg-hi2, $global: true),
+                    --border: fn.global-color(--fg-hi2),
                    --shadow: 0 0 0 0 transparent,
                ),
                --key-focus: (
-                    --bg: fn.color(--obj-hi, $global: true),
+                    --bg: fn.global-color(--obj-hi),
                ),
            ),
            --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),
-                --border: fn.color(--obj-hi, $global: true),
+                --border: fn.global-color(--obj-hi),
                --shadow: 0 0 0 0 transparent,
            ),
            --key-focus: (
-                --bg:     fn.color(--bg-hi2, $global: true),
+                --bg:     fn.global-color(--bg-hi2),
-                --label:  fn.color(--fg-lo, $global: true),
+                --label:  fn.global-color(--fg-lo),
-                --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),
            ),
            --quiet: (
-                --label: fn.color(--fg, $global: true),
+                --label: fn.global-color(--fg),
    
                --hover: (
-                    --bg:    fn.color(--obj-hi, $global: true),
+                    --bg:    fn.global-color(--obj-hi),
-                    --label: fn.color(--fg-lo, $global: true),
+                    --label: fn.global-color(--fg-lo),
                ),
                --active: (
-                    --bg:    fn.color(--obj, $global: true),
+                    --bg:    fn.global-color(--obj),
-                    --label: fn.color(--fg-lo, $global: true),
+                    --label: fn.global-color(--fg-lo),
                ),
                --selected: (
-                    --bg:    fn.color(--obj-hi, $global: true),
+                    --bg:    fn.global-color(--obj-hi),
-                    --label: fn.color(--fg, $global: true),
+                    --label: fn.global-color(--fg),
    
                    --hover: (
-                        --label: fn.color(--fg-lo, $global: true),
+                        --label: fn.global-color(--fg-lo),
                    ),
                    --key-focus: (
-                        --bg: fn.color(--obj, $global: true),
+                        --bg: fn.global-color(--obj),
                    ),
                ),
                --disabled: (
-                    --label: fn.color(--fg-hi3, $global: true),
+                    --label: fn.global-color(--fg-hi3),
                ),
                --key-focus: (
-                    --bg:     fn.color(--bg-hi2, $global: true),
+                    --bg:     fn.global-color(--bg-hi2),
-                    --label:  fn.color(--fg-lo, $global: true),
+                    --label:  fn.global-color(--fg-lo),
-                    --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),
                ),
            ),
        ),
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,
                ),
            ),
diff --git a/src/objects/_checkbox.scss b/src/objects/_checkbox.scss
index 360fa1d..b56336a 100644
--- a/src/objects/_checkbox.scss
+++ b/src/objects/_checkbox.scss
@@ -6,38 +6,38 @@
        --dims: (
            --size:         iro.fn-px-to-rem(14px),
            --label-gap:    .6rem,
-            --border-width: fn.dim(--border-width --medium, $global: true),
+            --border-width: fn.global-dim(--border-width --medium),
            --padding-x:    .3rem,
            --padding-y:    .3rem,
-            --margin-right: fn.dim(--spacing --x --md, $global: true),
+            --margin-right: fn.global-dim(--spacing --x --md),
        ),
    ), 'dims');
    @include iro.props-store((
        --colors: (
-            --box-border: fn.color(--fg-hi, $global: true),
+            --box-border: fn.global-color(--fg-hi),
-            --box-bg:     fn.color(--bg-hi, $global: true),
+            --box-bg:     fn.global-color(--bg-hi),
    
            --hover: (
-                --label:      fn.color(--fg-lo, $global: true),
+                --label:      fn.global-color(--fg-lo),
-                --box-border: fn.color(--fg, $global: true),
+                --box-border: fn.global-color(--fg),
            ),
            --accent: (
-                --box-border: fn.color(--accent --primary, $global: true),
+                --box-border: fn.global-color(--accent --primary),
    
                --hover: (
-                    --box-border: fn.color(--accent --primary-lo, $global: true),
+                    --box-border: fn.global-color(--accent --primary-lo),
                ),
            ),
            --key-focus: (
-                --label:      fn.color(--focus --text, $global: true),
+                --label:      fn.global-color(--focus --text),
-                --box-border: fn.color(--focus --fill, $global: true),
+                --box-border: fn.global-color(--focus --fill),
-                --shadow:     fn.color(--focus --shadow, $global: true),
+                --shadow:     fn.global-color(--focus --shadow),
            ),
            --disabled: (
-                --label:      fn.color(--fg-hi3, $global: true),
+                --label:      fn.global-color(--fg-hi3),
-                --box-border: fn.color(--obj-lo, $global: true),
+                --box-border: fn.global-color(--obj-lo),
-                --box-bg:     fn.color(--bg-hi, $global: true),
+                --box-bg:     fn.global-color(--bg-hi),
            )
        ),
    ), 'colors');
diff --git a/src/objects/_field-label.scss b/src/objects/_field-label.scss
index 144afad..aaa5cca 100644
--- a/src/objects/_field-label.scss
+++ b/src/objects/_field-label.scss
@@ -4,19 +4,19 @@
 @include iro.props-namespace('field-label') {
    @include iro.props-store((
        --dims: (
-            --spacing-x:       fn.dim(--spacing --x --sm, $global: true),
+            --spacing-x:       fn.global-dim(--spacing --x --sm),
-            --spacing-y:       fn.dim(--spacing --y --xs, $global: true),
+            --spacing-y:       fn.global-dim(--spacing --y --xs),
-            --label-font-size: fn.dim(--font-size --sm, $global: true),
+            --label-font-size: fn.global-dim(--font-size --sm),
-            --hint-font-size:  fn.dim(--font-size --sm, $global: true),
+            --hint-font-size:  fn.global-dim(--font-size --sm),
        ),
    ), 'dims');
    @include iro.props-store((
        --colors: (
-            --label:      fn.color(--fg-hi, $global: true),
+            --label:      fn.global-color(--fg-hi),
-            --hint:       fn.color(--fg, $global: true),
+            --hint:       fn.global-color(--fg),
-            --error-hint: fn.color(--accent --error, $global: true),
+            --error-hint: fn.global-color(--accent --error),
-            --disabled:   fn.color(--fg-hi3, $global: true),
+            --disabled:   fn.global-color(--fg-hi3),
        ),
    ), 'colors');
diff --git a/src/objects/_heading.scss b/src/objects/_heading.scss
index 393fe14..7d67a87 100644
--- a/src/objects/_heading.scss
+++ b/src/objects/_heading.scss
@@ -7,17 +7,17 @@
    @include iro.props-store((
        --dims: (
            --in-page-margin: (
-                --top:         fn.dim(--spacing --y --lg, $global: true),
+                --top:         fn.global-dim(--spacing --y --lg),
-                --top-sibling: fn.dim(--spacing --y --md, $global: true),
+                --top-sibling: fn.global-dim(--spacing --y --md),
-                --bottom:      fn.dim(--spacing --y --sm, $global: true),
+                --bottom:      fn.global-dim(--spacing --y --sm),
            ),
        ),
    ), 'dims');
    @include iro.props-store((
        --colors: (
-            --light:  fn.color(--fg-hi, $global: true),
+            --light:  fn.global-color(--fg-hi),
-            --strong: fn.color(--fg-lo, $global: true),
+            --strong: fn.global-color(--fg-lo),
        ),
    ), 'colors');
@@ -34,29 +34,29 @@
        @include iro.bem-modifier('xxl') {
            color:     fn.color(--strong);
-            font-size: fn.dim(--font-size --xxxl, $global: true);
+            font-size: fn.global-dim(--font-size --xxxl);
        }
        @include iro.bem-modifier('xl') {
            color:     fn.color(--strong);
-            font-size: fn.dim(--font-size --xxl, $global: true);
+            font-size: fn.global-dim(--font-size --xxl);
        }
        @include iro.bem-modifier('lg') {
            color:     fn.color(--strong);
-            font-size: fn.dim(--font-size --xl, $global: true);
+            font-size: fn.global-dim(--font-size --xl);
        }
        @include iro.bem-modifier('md') {
            color:     fn.color(--strong);
-            font-size: fn.dim(--font-size --lg, $global: true);
+            font-size: fn.global-dim(--font-size --lg);
        }
        @include iro.bem-modifier('sm') {
            @include typography.set-font($font--main, (line-height: map-get(vars.$font--headline, line-height)));
            color:       fn.color(--strong);
-            font-size:   fn.dim(--font-size --md, $global: true);
+            font-size:   fn.global-dim(--font-size --md);
            font-weight: 500;
        }
@@ -64,7 +64,7 @@
            @include typography.set-font($font--main, (line-height: map-get(vars.$font--headline, line-height)));
            color:          fn.color(--light);
-            font-size:      fn.dim(--font-size --xs, $global: true);
+            font-size:      fn.global-dim(--font-size --xs);
            font-weight:    500;
            text-transform: uppercase;
        }
diff --git a/src/objects/_radio.scss b/src/objects/_radio.scss
index fd821d3..178b58c 100644
--- a/src/objects/_radio.scss
+++ b/src/objects/_radio.scss
@@ -6,38 +6,38 @@
        --dims: (
            --diameter:     iro.fn-px-to-rem(15px),
            --label-gap:    .6rem,
-            --border-width: fn.dim(--border-width --medium, $global: true),
+            --border-width: fn.global-dim(--border-width --medium),
            --padding-x:    .3rem,
            --padding-y:    .3rem,
-            --margin-right: fn.dim(--spacing --x --md, $global: true),
+            --margin-right: fn.global-dim(--spacing --x --md),
        ),
    ), 'dims');
    @include iro.props-store((
        --colors: (
-            --circle-border: fn.color(--fg-hi, $global: true),
+            --circle-border: fn.global-color(--fg-hi),
-            --circle-bg:     fn.color(--bg-hi, $global: true),
+            --circle-bg:     fn.global-color(--bg-hi),
    
            --hover: (
-                --label:         fn.color(--fg-lo, $global: true),
+                --label:         fn.global-color(--fg-lo),
-                --circle-border: fn.color(--fg, $global: true),
+                --circle-border: fn.global-color(--fg),
            ),
            --accent: (
-                --circle-border: fn.color(--accent --primary, $global: true),
+                --circle-border: fn.global-color(--accent --primary),
    
                --hover: (
-                    --circle-border: fn.color(--accent --primary-lo, $global: true),
+                    --circle-border: fn.global-color(--accent --primary-lo),
                ),
            ),
            --key-focus: (
-                --label:         fn.color(--focus --text, $global: true),
+                --label:         fn.global-color(--focus --text),
-                --circle-border: fn.color(--focus --fill, $global: true),
+                --circle-border: fn.global-color(--focus --fill),
-                --shadow:        fn.color(--focus --shadow, $global: true),
+                --shadow:        fn.global-color(--focus --shadow),
            ),
            --disabled: (
-                --label:         fn.color(--fg-hi3, $global: true),
+                --label:         fn.global-color(--fg-hi3),
-                --circle-border: fn.color(--obj-lo, $global: true),
+                --circle-border: fn.global-color(--obj-lo),
-                --circle-bg:     fn.color(--bg-hi, $global: true),
+                --circle-bg:     fn.global-color(--bg-hi),
            )
        ),
    ), 'colors');
diff --git a/src/objects/_rule.scss b/src/objects/_rule.scss
index b0679ee..7a9caa3 100644
--- a/src/objects/_rule.scss
+++ b/src/objects/_rule.scss
@@ -4,19 +4,19 @@
 @include iro.props-namespace('rule') {
    @include iro.props-store((
        --dims: (
-            --margin-y: fn.dim(--spacing --y --xs, $global: true),
+            --margin-y: fn.global-dim(--spacing --y --xs),
    
            --strong: (
-                --border-width:    fn.dim(--border-width --thick, $global: true),
+                --border-width:    fn.global-dim(--border-width --thick),
-                --label-font-size: fn.dim(--font-size --md, $global: true),
+                --label-font-size: fn.global-dim(--font-size --md),
            ),
            --medium: (
-                --border-width:    fn.dim(--border-width --medium, $global: true),
+                --border-width:    fn.global-dim(--border-width --medium),
-                --label-font-size: fn.dim(--font-size --sm, $global: true),
+                --label-font-size: fn.global-dim(--font-size --sm),
            ),
            --faint: (
-                --border-width:    fn.dim(--border-width --thin, $global: true),
+                --border-width:    fn.global-dim(--border-width --thin),
-                --label-font-size: fn.dim(--font-size --xs, $global: true),
+                --label-font-size: fn.global-dim(--font-size --xs),
            ),
        ),
    ), 'dims');
@@ -24,16 +24,16 @@
    @include iro.props-store((
        --colors: (
            --strong: (
-                --bg:    fn.color(--fg, $global: true),
+                --bg:    fn.global-color(--fg),
-                --label: fn.color(--fg, $global: true),
+                --label: fn.global-color(--fg),
            ),
            --medium: (
-                --bg:    fn.color(--obj, $global: true),
+                --bg:    fn.global-color(--obj),
-                --label: fn.color(--fg-hi, $global: true),
+                --label: fn.global-color(--fg-hi),
            ),
            --faint: (
-                --bg:    fn.color(--obj, $global: true),
+                --bg:    fn.global-color(--obj),
-                --label: fn.color(--fg-hi2, $global: true),
+                --label: fn.global-color(--fg-hi2),
            ),
        ),
    ), 'colors');
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 @@
            --width:        iro.fn-px-to-rem(26px),
            --height:       iro.fn-px-to-rem(15px),
            --label-gap:    .6rem,
-            --border-width: fn.dim(--border-width --medium, $global: true),
+            --border-width: fn.global-dim(--border-width --medium),
            --padding-x:    .3rem,
            --padding-y:    .3rem,
-            --margin-right: fn.dim(--spacing --x --md, $global: true),
+            --margin-right: fn.global-dim(--spacing --x --md),
        ),
    ), 'dims');
    @include iro.props-store((
        --colors: (
-            --track-bg:      fn.color(--obj, $global: true),
+            --track-bg:      fn.global-color(--obj),
-            --handle-border: fn.color(--fg-hi, $global: true),
+            --handle-border: fn.global-color(--fg-hi),
-            --handle-bg:     fn.color(--bg-hi, $global: true),
+            --handle-bg:     fn.global-color(--bg-hi),
    
            --hover: (
-                --label:         fn.color(--fg-lo, $global: true),
+                --label:         fn.global-color(--fg-lo),
-                --handle-border: fn.color(--fg, $global: true),
+                --handle-border: fn.global-color(--fg),
            ),
            --accent: (
-                --handle-border: fn.color(--accent --primary, $global: true),
+                --handle-border: fn.global-color(--accent --primary),
    
                --hover: (
-                    --handle-border: fn.color(--accent --primary-lo, $global: true),
+                    --handle-border: fn.global-color(--accent --primary-lo),
                ),
            ),
            --key-focus: (
-                --label:         fn.color(--focus --text, $global: true),
+                --label:         fn.global-color(--focus --text),
-                --track-bg:      fn.color(--focus --fill, $global: true),
+                --track-bg:      fn.global-color(--focus --fill),
-                --handle-border: fn.color(--focus --fill, $global: true),
+                --handle-border: fn.global-color(--focus --fill),
-                --shadow:        fn.color(--focus --shadow, $global: true),
+                --shadow:        fn.global-color(--focus --shadow),
            ),
            --disabled: (
-                --label:         fn.color(--fg-hi3, $global: true),
+                --label:         fn.global-color(--fg-hi3),
-                --track-bg:      fn.color(--obj, $global: true),
+                --track-bg:      fn.global-color(--obj),
-                --handle-border: fn.color(--obj-lo, $global: true),
+                --handle-border: fn.global-color(--obj-lo),
-                --handle-bg:     fn.color(--bg-hi, $global: true),
+                --handle-bg:     fn.global-color(--bg-hi),
            )
        ),
    ), 'colors');
diff --git a/src/objects/_text-field.scss b/src/objects/_text-field.scss
index aef79d7..ed96c7a 100644
--- a/src/objects/_text-field.scss
+++ b/src/objects/_text-field.scss
@@ -36,53 +36,53 @@
        --dims: (
            --padding-x:     .6rem,
            --padding-y:     .5rem,
-            --border-width:  fn.dim(--border-width --thin, $global: true),
+            --border-width:  fn.global-dim(--border-width --thin),
            --border-radius: 2px,
            --focus: (
-                --border-width:  fn.dim(--border-width --medium, $global: true),
+                --border-width:  fn.global-dim(--border-width --medium),
            )
        ),
    ), 'dims');
    @include iro.props-store((
        --colors: (
-            --bg:          fn.color(--bg-hi2, $global: true),
+            --bg:          fn.global-color(--bg-hi2),
-            --placeholder: fn.color(--fg-hi2, $global: true),
+            --placeholder: fn.global-color(--fg-hi2),
-            --text:        fn.color(--fg, $global: true),
+            --text:        fn.global-color(--fg),
-            --border:      fn.color(--obj-lo, $global: true),
+            --border:      fn.global-color(--obj-lo),
            --shadow:      0 0 0 0 transparent,
    
            --hover: (
-                --border: fn.color(--fg-hi2, $global: true),
+                --border: fn.global-color(--fg-hi2),
                --shadow: 0 0 0 0 transparent,
            ),
            --focus: (
-                --border: fn.color(--accent --primary, $global: true),
+                --border: fn.global-color(--accent --primary),
                --shadow: 0 0 0 0 transparent,
            ),
            --key-focus: (
-                --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),
            ),
            --error: (
-                --border: fn.color(--accent --error-hi, $global: true),
+                --border: fn.global-color(--accent --error-hi),
                --shadow: 0 0 0 0 transparent,
    
                --hover: (
-                    --border: fn.color(--accent --error, $global: true),
+                    --border: fn.global-color(--accent --error),
                    --shadow: 0 0 0 0 transparent,
                ),
                --focus: (
-                    --border: fn.color(--accent --error, $global: true),
+                    --border: fn.global-color(--accent --error),
                    --shadow: 0 0 0 0 transparent,
                ),
            ),
            --disabled: (
-                --bg:          fn.color(--obj-hi, $global: true),
+                --bg:          fn.global-color(--obj-hi),
-                --placeholder: fn.color(--fg-hi3, $global: true),
+                --placeholder: fn.global-color(--fg-hi3),
-                --text:        fn.color(--fg-hi3, $global: true),
+                --text:        fn.global-color(--fg-hi3),
-                --border:      fn.color(--obj-hi, $global: true),
+                --border:      fn.global-color(--obj-hi),
                --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
parent	Improved variable structure (diff)
download	iro-design-ee3fd3a86c236441e161991a56009bb6ddae4458.tar.gz iro-design-ee3fd3a86c236441e161991a56009bb6ddae4458.tar.bz2 iro-design-ee3fd3a86c236441e161991a56009bb6ddae4458.zip