Apply button hover styles only to devices with that capability — not touchscreen devices

This commit is contained in:
2025-07-23 10:40:12 -04:00
parent a64dd176e5
commit 5a63b75b86

View File

@@ -460,9 +460,11 @@ ul li {
/* Global Button Hover Effect
*/
.button:hover,button:hover {
filter:brightness(90%);
transform:translateY(-1px);
@media (hover: hover) {
.button:hover,button:hover {
filter:brightness(90%);
transform:translateY(-1px);
}
}
/* Button Icons
@@ -590,18 +592,20 @@ details[open] summary span.button.button-v4v {
filter: brightness(90%);
transform: 0px;
}
details[open] summary span.button.button-v4v:hover {
transform: -1px;
@media (hover: hover) {
details[open] summary span.button.button-v4v:hover {
transform: -1px;
}
}
details:not([open]) {
filter: brightness(100%);
transform: 0px;
}
details:not([open]) summary span.button.button-v4v:hover {
filter: brightness(90%);
transform: -1px;
@media (hover: hover) {
details:not([open]) summary span.button.button-v4v:hover {
filter: brightness(90%);
transform: -1px;
}
}
/* /end Fix v4v details block hover and open styles */