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

14
style.css
View File

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