diff options
| author | Henry Jameson <me@hjkos.com> | 2024-03-04 19:45:42 +0200 |
|---|---|---|
| committer | Henry Jameson <me@hjkos.com> | 2024-03-04 19:45:42 +0200 |
| commit | 075f2cb903fa45ea8e7a52098fd7091b0b14a9fd (patch) | |
| tree | 3590676bc07d2d7798e35746ed944da087dfc05e /src/components/emoji_reactions | |
| parent | 50a9c077fbf6d403caa4c383e5502eeda47f2ef8 (diff) | |
remove all "fallback variables"
Diffstat (limited to 'src/components/emoji_reactions')
| -rw-r--r-- | src/components/emoji_reactions/emoji_reactions.vue | 16 |
1 files changed, 5 insertions, 11 deletions
diff --git a/src/components/emoji_reactions/emoji_reactions.vue b/src/components/emoji_reactions/emoji_reactions.vue index c11b338e..a228af11 100644 --- a/src/components/emoji_reactions/emoji_reactions.vue +++ b/src/components/emoji_reactions/emoji_reactions.vue @@ -72,7 +72,6 @@ <script src="./emoji_reactions.js"></script> <style lang="scss"> -@import "../../variables"; @import "../../mixins"; .EmojiReactions { @@ -102,11 +101,9 @@ display: inline-flex; justify-content: center; align-items: center; - color: $fallback--text; - color: var(--btnText, $fallback--text); &.-picked-reaction { - border: 1px solid var(--accent, $fallback--link); + border: 1px solid var(--accent); margin-right: -1px; } } @@ -149,18 +146,16 @@ } .svg-inline--fa { - color: $fallback--text; - color: var(--btnText, $fallback--text); + color: var(--text); } &.-picked-reaction { - border: 1px solid var(--accent, $fallback--link); + border: 1px solid var(--accent); margin-left: -1px; // offset the border, can't use inset shadows either margin-right: -1px; .svg-inline--fa { - color: $fallback--link; - color: var(--accent, $fallback--link); + color: var(--accent); } } @@ -176,8 +171,7 @@ @include focused-style { .svg-inline--fa { - color: $fallback--link; - color: var(--accent, $fallback--link); + color: var(--accent); } .focus-marker { |