diff options
| author | Volpeon <git@volpeon.ink> | 2025-07-28 16:37:27 +0200 |
|---|---|---|
| committer | Volpeon <git@volpeon.ink> | 2025-07-28 16:37:27 +0200 |
| commit | f8cab6bb146a92b309e76eb2608b180d0e5814a7 (patch) | |
| tree | 695cd32ba74c31e11f1e5a98334b2931c86acb6e /src/objects/_button.vars.scss | |
| parent | Update (diff) | |
| download | iro-design-f8cab6bb146a92b309e76eb2608b180d0e5814a7.tar.gz iro-design-f8cab6bb146a92b309e76eb2608b180d0e5814a7.tar.bz2 iro-design-f8cab6bb146a92b309e76eb2608b180d0e5814a7.zip | |
Updated button style; added transitions
Diffstat (limited to 'src/objects/_button.vars.scss')
| -rw-r--r-- | src/objects/_button.vars.scss | 10 |
1 files changed, 5 insertions, 5 deletions
diff --git a/src/objects/_button.vars.scss b/src/objects/_button.vars.scss index cc7b7d5..00a11c3 100644 --- a/src/objects/_button.vars.scss +++ b/src/objects/_button.vars.scss | |||
| @@ -56,21 +56,21 @@ $default-theme: map.deep-merge(( | |||
| 56 | --shadow-color: props.get(core.$theme, --shadow), | 56 | --shadow-color: props.get(core.$theme, --shadow), |
| 57 | 57 | ||
| 58 | --hover: ( | 58 | --hover: ( |
| 59 | --bg-color: props.get(core.$theme, --border-mute), | 59 | --bg-color: props.get(core.$theme, --bg-l1), |
| 60 | --label-color: props.get(core.$theme, --heading), | 60 | --label-color: props.get(core.$theme, --heading), |
| 61 | --border-color: props.get(core.$theme, --border-strong), | 61 | --border-color: props.get(core.$theme, --border), |
| 62 | ), | 62 | ), |
| 63 | 63 | ||
| 64 | --active: ( | 64 | --active: ( |
| 65 | --bg-color: props.get(core.$theme, --border), | 65 | --bg-color: props.get(core.$theme, --border-mute), |
| 66 | --label-color: props.get(core.$theme, --heading), | 66 | --label-color: props.get(core.$theme, --heading), |
| 67 | --border-color: props.get(core.$theme, --text-mute-more), | 67 | --border-color: props.get(core.$theme, --border-strong), |
| 68 | ), | 68 | ), |
| 69 | 69 | ||
| 70 | --disabled: ( | 70 | --disabled: ( |
| 71 | --bg-color: transparent, | 71 | --bg-color: transparent, |
| 72 | --label-color: props.get(core.$theme, --border-strong), | 72 | --label-color: props.get(core.$theme, --border-strong), |
| 73 | --border-color: props.get(core.$theme, --border), | 73 | --border-color: props.get(core.$theme, --text-disabled), |
| 74 | ), | 74 | ), |
| 75 | 75 | ||
| 76 | --key-focus: ( | 76 | --key-focus: ( |