mirror of
https://github.com/bitwarden/browser.git
synced 2025-01-05 18:47:52 +01:00
Merge pull request #1990 from patrickhlauke/patrickhlauke-a11y-patch3
A11y: use visually hidden styles rather than visibility, make visible on :focus as well
This commit is contained in:
commit
1f87a84b28
@ -50,20 +50,24 @@ app-home {
|
|||||||
color: themed('mutedColor');
|
color: themed('mutedColor');
|
||||||
}
|
}
|
||||||
|
|
||||||
|
&:not(:hover):not(:focus) {
|
||||||
span {
|
span {
|
||||||
visibility: hidden;
|
clip: rect(0 0 0 0);
|
||||||
|
clip-path: inset(50%);
|
||||||
|
height: 1px;
|
||||||
|
overflow: hidden;
|
||||||
|
position: absolute;
|
||||||
|
white-space: nowrap;
|
||||||
|
width: 1px;
|
||||||
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
&:hover {
|
&:hover, &:focus {
|
||||||
text-decoration: none;
|
text-decoration: none;
|
||||||
|
|
||||||
@include themify($themes) {
|
@include themify($themes) {
|
||||||
color: themed('primaryColor');
|
color: themed('primaryColor');
|
||||||
}
|
}
|
||||||
|
|
||||||
span {
|
|
||||||
visibility: visible;
|
|
||||||
}
|
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
Loading…
Reference in New Issue
Block a user