mdrockwell/littlelink
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

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

Browse Source
This commit is contained in:
Mike Rockwell
2025-07-23 10:40:12 -04:00
parent a64dd176e5
commit 5a63b75b86
1 changed files with 14 additions and 10 deletions
Download Patch File Download Diff File Expand all files Collapse all files

8
style.css
View File

@@ -460,10 +460,12 @@ ul li {
/* Global Button Hover Effect
–––––––––––––––––––––––––––––––––––––––––––––––––– */
@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;
}
@media (hover: hover) {
details[open] summary span.button.button-v4v:hover {
transform: -1px;
}
}
details:not([open]) {
filter: brightness(100%);
transform: 0px;
}
@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 */