diff options
| author | Tusooa Zhu <tusooa@kazv.moe> | 2022-01-19 21:18:02 -0500 |
|---|---|---|
| committer | HJ <30-hj@users.noreply.git.pleroma.social> | 2022-08-22 20:28:52 +0000 |
| commit | 11672bc4907d41706ad164f1ca3c485f034061c1 (patch) | |
| tree | 3e6fc36a30a6b734074ee51b7bcd6f530e92e7ef /src/components/reply_button/reply_button.vue | |
| parent | 97951fccfdce726c350ab633acc45213d675adb9 (diff) | |
Fix styling on Safari
Diffstat (limited to 'src/components/reply_button/reply_button.vue')
| -rw-r--r-- | src/components/reply_button/reply_button.vue | 10 |
1 files changed, 6 insertions, 4 deletions
diff --git a/src/components/reply_button/reply_button.vue b/src/components/reply_button/reply_button.vue index 0466ceb3..ea97fbaa 100644 --- a/src/components/reply_button/reply_button.vue +++ b/src/components/reply_button/reply_button.vue @@ -46,6 +46,7 @@ <style lang="scss"> @import '../../_variables.scss'; +@import '../../_mixins.scss'; .ReplyButton { display: flex; @@ -67,12 +68,13 @@ color: var(--cBlue, $fallback--cBlue); } - .focus-marker, - &:focus:not(:focus-visible):not(:hover) .focus-marker { - visibility: hidden; + @include unfocused-style { + .focus-marker { + visibility: hidden; + } } - &:hover, &:focus, &:focus-visible { + @include focused-style { .focus-marker { visibility: visible; } |