hj/pleroma-fe
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity

Use class to style screenreader-only text

Browse source
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
Download patch file Download diff file Expand all files Collapse all files

14
src/App.scss
View file

@ -580,8 +580,6 @@ textarea,
}
&[type="checkbox"] {
display: none;
&:checked + label::before {
color: $fallback--text;
color: var(--inputText, $fallback--text);
@ -887,3 +885,15 @@ option {
opacity: 0;
}
/* stylelint-enable no-descending-specificity */
.visible-for-screenreader-only {
display: block;
width: 1px;
height: 1px;
margin: -1px;
overflow: hidden;
visibility: visible;
clip: rect(0 0 0 0);
padding: 0;
position: absolute;
}