diff options
| author | Volpeon <git@volpeon.ink> | 2024-06-24 22:16:56 +0200 |
|---|---|---|
| committer | Volpeon <git@volpeon.ink> | 2024-06-24 22:16:56 +0200 |
| commit | 49d26c7f73707971269f6d9685002c6e0d3f05da (patch) | |
| tree | d3d78c8fb9bd8aba51266573ccbc817081b260a6 /src/objects | |
| parent | Add static divider styles (diff) | |
| download | iro-design-49d26c7f73707971269f6d9685002c6e0d3f05da.tar.gz iro-design-49d26c7f73707971269f6d9685002c6e0d3f05da.tar.bz2 iro-design-49d26c7f73707971269f6d9685002c6e0d3f05da.zip | |
Badge style
Diffstat (limited to 'src/objects')
| -rw-r--r-- | src/objects/_badge.scss | 14 |
1 files changed, 7 insertions, 7 deletions
diff --git a/src/objects/_badge.scss b/src/objects/_badge.scss index 6001564..6a984bf 100644 --- a/src/objects/_badge.scss +++ b/src/objects/_badge.scss | |||
| @@ -36,13 +36,13 @@ $themes: accent positive negative warning; | |||
| 36 | ), | 36 | ), |
| 37 | ), | 37 | ), |
| 38 | --colors: ( | 38 | --colors: ( |
| 39 | --bg: fn.global-color(--heading), | 39 | --bg: fn.global-color(--text-mute), |
| 40 | --label: fn.global-color(--bg-l2), | 40 | --label: fn.global-color(--bg-l2), |
| 41 | --hover: ( | 41 | --hover: ( |
| 42 | --bg: fn.global-color(--text), | 42 | --bg: fn.global-color(--text), |
| 43 | ), | 43 | ), |
| 44 | --active: ( | 44 | --active: ( |
| 45 | --bg: fn.global-color(--text), | 45 | --bg: fn.global-color(--heading), |
| 46 | ), | 46 | ), |
| 47 | --key-focus: ( | 47 | --key-focus: ( |
| 48 | --bg: fn.global-color(--base --50), | 48 | --bg: fn.global-color(--base --50), |
| @@ -67,13 +67,13 @@ $themes: accent positive negative warning; | |||
| 67 | @include iro.props-store(( | 67 | @include iro.props-store(( |
| 68 | --colors: ( | 68 | --colors: ( |
| 69 | --#{$theme}: ( | 69 | --#{$theme}: ( |
| 70 | --bg: fn.global-color(--#{$theme}-static --800), | 70 | --bg: fn.global-color(--#{$theme}-static --900), |
| 71 | --label: fn.global-color(--#{$theme}-static --800-text), | 71 | --label: fn.global-color(--#{$theme}-static --900-text), |
| 72 | --hover: ( | 72 | --hover: ( |
| 73 | --bg: fn.global-color(--#{$theme}-static --900), | 73 | --bg: fn.global-color(--#{$theme}-static --1000), |
| 74 | ), | 74 | ), |
| 75 | --active: ( | 75 | --active: ( |
| 76 | --bg: fn.global-color(--#{$theme}-static --900), | 76 | --bg: fn.global-color(--#{$theme}-static --1100), |
| 77 | ), | 77 | ), |
| 78 | ), | 78 | ), |
| 79 | 79 | ||
| @@ -84,7 +84,7 @@ $themes: accent positive negative warning; | |||
| 84 | --bg: fn.global-color(--#{$theme} --300), | 84 | --bg: fn.global-color(--#{$theme} --300), |
| 85 | ), | 85 | ), |
| 86 | --active: ( | 86 | --active: ( |
| 87 | --bg: fn.global-color(--#{$theme} --300), | 87 | --bg: fn.global-color(--#{$theme} --400), |
| 88 | ), | 88 | ), |
| 89 | ) | 89 | ) |
| 90 | ), | 90 | ), |