mirror of
https://github.com/9001/copyparty.git
synced 2026-06-19 04:32:26 -06:00
focus style only when focused by keyboard, revert fadeout of focus border
This commit is contained in:
parent
932be7f54a
commit
6f1d5fbe03
|
|
@ -356,25 +356,19 @@ html.y #tth {
|
|||
border: .25em solid #ccc;
|
||||
border-radius: .4em;
|
||||
}
|
||||
#modali:focus {
|
||||
#modali:focus-visible {
|
||||
border-color: #06d;
|
||||
}
|
||||
#repl_pre {
|
||||
max-width: 24em;
|
||||
}
|
||||
*:focus,
|
||||
*:focus+label,
|
||||
#pctl *:focus,
|
||||
.btn:focus {
|
||||
*:focus-visible,
|
||||
*:focus-visible+label,
|
||||
#pctl *:focus-visible,
|
||||
.btn:focus-visible {
|
||||
/* box-shadow: 0 .1em .2em #fc0 inset; */
|
||||
animation: outline_fadeOut 1s;
|
||||
border-radius: .2em;
|
||||
}
|
||||
@keyframes outline_fadeOut {
|
||||
0% {outline: var(--a) solid .1em;}
|
||||
30% {outline: color-mix(var(--a) 75%, transparent 25%) solid .1em;}
|
||||
100% {outline: transparent solid .1em;}
|
||||
}
|
||||
input, button {
|
||||
font-family: var(--font-main), sans-serif;
|
||||
}
|
||||
|
|
|
|||
Loading…
Reference in a new issue