diff options
| author | tusooa <tusooa@kazv.moe> | 2023-02-09 21:35:56 -0500 |
|---|---|---|
| committer | tusooa <tusooa@kazv.moe> | 2023-02-09 21:35:56 -0500 |
| commit | 902954b29825647eaf5435c89e379ef4babe7931 (patch) | |
| tree | b10d79b20bede7d2e679ef80b3a2d68896f9762c /src/components/checkbox/checkbox.vue | |
| parent | 6158b8667e6c76c5a5a09b480b82d6f04b8e4885 (diff) | |
Use class to style screenreader-only text
Diffstat (limited to 'src/components/checkbox/checkbox.vue')
| -rw-r--r-- | src/components/checkbox/checkbox.vue | 3 |
1 files changed, 1 insertions, 2 deletions
diff --git a/src/components/checkbox/checkbox.vue b/src/components/checkbox/checkbox.vue index ac7acd52..42f89be9 100644 --- a/src/components/checkbox/checkbox.vue +++ b/src/components/checkbox/checkbox.vue @@ -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); |