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/_action-button.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/_action-button.scss')
| -rw-r--r-- | src/objects/_action-button.scss | 72 |
1 files changed, 36 insertions, 36 deletions
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 @@ | |||
| 12 | 12 | ||
| 13 | @include iro.props-store(( | 13 | @include iro.props-store(( |
| 14 | --colors: ( | 14 | --colors: ( |
| 15 | --bg: fn.color(--bg-hi, $global: true), | 15 | --bg: fn.global-color(--bg-hi), |
| 16 | --label: fn.color(--fg, $global: true), | 16 | --label: fn.global-color(--fg), |
| 17 | --border: fn.color(--obj-lo, $global: true), | 17 | --border: fn.global-color(--obj-lo), |
| 18 | --shadow: 0 0 0 0 transparent, | 18 | --shadow: 0 0 0 0 transparent, |
| 19 | 19 | ||
| 20 | --hover: ( | 20 | --hover: ( |
| 21 | --bg: fn.color(--bg-hi2, $global: true), | 21 | --bg: fn.global-color(--bg-hi2), |
| 22 | --label: fn.color(--fg-lo, $global: true), | 22 | --label: fn.global-color(--fg-lo), |
| 23 | --border: fn.color(--fg-hi2, $global: true), | 23 | --border: fn.global-color(--fg-hi2), |
| 24 | --shadow: 0 0 0 0 transparent, | 24 | --shadow: 0 0 0 0 transparent, |
| 25 | ), | 25 | ), |
| 26 | --active: ( | 26 | --active: ( |
| 27 | --bg: fn.color(--obj-hi, $global: true), | 27 | --bg: fn.global-color(--obj-hi), |
| 28 | --label: fn.color(--fg-lo, $global: true), | 28 | --label: fn.global-color(--fg-lo), |
| 29 | --border: fn.color(--fg-hi2, $global: true), | 29 | --border: fn.global-color(--fg-hi2), |
| 30 | --shadow: 0 0 0 0 transparent, | 30 | --shadow: 0 0 0 0 transparent, |
| 31 | ), | 31 | ), |
| 32 | --selected: ( | 32 | --selected: ( |
| 33 | --bg: fn.color(--obj-hi, $global: true), | 33 | --bg: fn.global-color(--obj-hi), |
| 34 | --label: fn.color(--fg, $global: true), | 34 | --label: fn.global-color(--fg), |
| 35 | --border: fn.color(--fg-hi3, $global: true), | 35 | --border: fn.global-color(--fg-hi3), |
| 36 | --shadow: 0 0 0 0 transparent, | 36 | --shadow: 0 0 0 0 transparent, |
| 37 | 37 | ||
| 38 | --hover: ( | 38 | --hover: ( |
| 39 | --label: fn.color(--fg-lo, $global: true), | 39 | --label: fn.global-color(--fg-lo), |
| 40 | --border: fn.color(--fg-hi2, $global: true), | 40 | --border: fn.global-color(--fg-hi2), |
| 41 | --shadow: 0 0 0 0 transparent, | 41 | --shadow: 0 0 0 0 transparent, |
| 42 | ), | 42 | ), |
| 43 | --key-focus: ( | 43 | --key-focus: ( |
| 44 | --bg: fn.color(--obj-hi, $global: true), | 44 | --bg: fn.global-color(--obj-hi), |
| 45 | ), | 45 | ), |
| 46 | ), | 46 | ), |
| 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 | --border: fn.color(--obj-hi, $global: true), | 50 | --border: fn.global-color(--obj-hi), |
| 51 | --shadow: 0 0 0 0 transparent, | 51 | --shadow: 0 0 0 0 transparent, |
| 52 | ), | 52 | ), |
| 53 | --key-focus: ( | 53 | --key-focus: ( |
| 54 | --bg: fn.color(--bg-hi2, $global: true), | 54 | --bg: fn.global-color(--bg-hi2), |
| 55 | --label: fn.color(--fg-lo, $global: true), | 55 | --label: fn.global-color(--fg-lo), |
| 56 | --border: fn.color(--focus --fill, $global: true), | 56 | --border: fn.global-color(--focus --fill), |
| 57 | --shadow: fn.color(--focus --shadow, $global: true), | 57 | --shadow: fn.global-color(--focus --shadow), |
| 58 | ), | 58 | ), |
| 59 | --quiet: ( | 59 | --quiet: ( |
| 60 | --label: fn.color(--fg, $global: true), | 60 | --label: fn.global-color(--fg), |
| 61 | 61 | ||
| 62 | --hover: ( | 62 | --hover: ( |
| 63 | --bg: fn.color(--obj-hi, $global: true), | 63 | --bg: fn.global-color(--obj-hi), |
| 64 | --label: fn.color(--fg-lo, $global: true), | 64 | --label: fn.global-color(--fg-lo), |
| 65 | ), | 65 | ), |
| 66 | --active: ( | 66 | --active: ( |
| 67 | --bg: fn.color(--obj, $global: true), | 67 | --bg: fn.global-color(--obj), |
| 68 | --label: fn.color(--fg-lo, $global: true), | 68 | --label: fn.global-color(--fg-lo), |
| 69 | ), | 69 | ), |
| 70 | --selected: ( | 70 | --selected: ( |
| 71 | --bg: fn.color(--obj-hi, $global: true), | 71 | --bg: fn.global-color(--obj-hi), |
| 72 | --label: fn.color(--fg, $global: true), | 72 | --label: fn.global-color(--fg), |
| 73 | 73 | ||
| 74 | --hover: ( | 74 | --hover: ( |
| 75 | --label: fn.color(--fg-lo, $global: true), | 75 | --label: fn.global-color(--fg-lo), |
| 76 | ), | 76 | ), |
| 77 | --key-focus: ( | 77 | --key-focus: ( |
| 78 | --bg: fn.color(--obj, $global: true), | 78 | --bg: fn.global-color(--obj), |
| 79 | ), | 79 | ), |
| 80 | ), | 80 | ), |
| 81 | --disabled: ( | 81 | --disabled: ( |
| 82 | --label: fn.color(--fg-hi3, $global: true), | 82 | --label: fn.global-color(--fg-hi3), |
| 83 | ), | 83 | ), |
| 84 | --key-focus: ( | 84 | --key-focus: ( |
| 85 | --bg: fn.color(--bg-hi2, $global: true), | 85 | --bg: fn.global-color(--bg-hi2), |
| 86 | --label: fn.color(--fg-lo, $global: true), | 86 | --label: fn.global-color(--fg-lo), |
| 87 | --border: fn.color(--focus --fill, $global: true), | 87 | --border: fn.global-color(--focus --fill), |
| 88 | --shadow: fn.color(--focus --shadow, $global: true), | 88 | --shadow: fn.global-color(--focus --shadow), |
| 89 | ), | 89 | ), |
| 90 | ), | 90 | ), |
| 91 | ), | 91 | ), |