mctaylors/NXInspired
mctaylors/NXInspired
1
1
Fork 0
Code Issues 1 Pull requests Activity

Highlight buttons on Tab

Browse source 
Signed-off-by: mctaylors <cantsendmails@mctaylors.ru>
This commit is contained in:
Macintxsh 2024-05-04 22:43:51 +05:00
parent 2989ac9791
commit 95aea191c2
Signed by: mctaylors
GPG key ID: 7181BEBE676903C1
1 changed files with 15 additions and 23 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

38
assets/css/style.css
View file

@ -95,29 +95,6 @@ p, button {
left: 50%;
}
.dialog button:hover, .details button:hover {
background-color: var(--dialog-background-active);
border-radius: 4px;
outline: 5px solid;
box-shadow: 0 0 12px var(--light-blue);
animation: 500ms infinite alternate ease-out hover-outline;
}
.dialog button:focus, .dialog button:active {
outline: none;
box-shadow: none;
}
.dialog button:focus {
transition: 100ms;
background-color: transparent;
}
.dialog button:active {
transition: none;
background-color: var(--active-blue);
}
.details {
display: none;
opacity: 0;
@ -145,4 +122,19 @@ p, button {
transform: translate(-50%, -50%);
border: 1px solid var(--dialog-border);
border-radius: 4px;
}
button:focus, button:hover {
background-color: var(--dialog-background-active);
border-radius: 4px;
outline: 5px solid;
box-shadow: 0 0 12px var(--light-blue);
animation: 500ms infinite alternate ease-out hover-outline;
}
button:active {
outline: none;
box-shadow: none;
transition: none;
background-color: var(--active-blue);
}