Add hover media query to all hover styles #990
Description
It's kind of annoying, but we should add the following media query around all :hover declarations in all components and theme overrides to prevent touch devices from leaving trails.
Reported here in Shoelace: shoelace-style/shoelace#2444
Thankfully, we can nest it like so:
a {
background: lightblue;
color: black;
@media (hover: hover) {
&:hover {
background: darkblue;
color: white;
}
}
}