Use class to style screenreader-only text
This commit is contained in:
parent
6158b8667e
commit
902954b298
5 changed files with 15 additions and 26 deletions
|
|
@ -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);
|
||||
|
|
|
|||
Loading…
Add table
Add a link
Reference in a new issue