Use class to style screenreader-only text

This commit is contained in:
tusooa 2023-02-09 21:35:56 -05:00
commit 902954b298
No known key found for this signature in database
GPG key ID: 7B467EDE43A08224
5 changed files with 15 additions and 26 deletions

View file

@ -5,6 +5,7 @@
>
<input
type="checkbox"
class="visible-for-screenreader-only"
:disabled="disabled"
:checked="modelValue"
:indeterminate="indeterminate"
@ -85,8 +86,6 @@ export default {
}
input[type="checkbox"] {
@include visible-for-screenreader-only;
&:checked + .checkbox-indicator::before {
color: $fallback--text;
color: var(--inputText, $fallback--text);