diff options
| 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/_switch.scss | |
| parent | Improved variable structure (diff) | |
| download | iro-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.scss | 34 |
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'); |
