focus style only when focused by keyboard, revert fadeout of focus border

This commit is contained in:
Til Schmitter 2026-04-20 17:33:46 +02:00
parent 932be7f54a
commit 6f1d5fbe03

View file

@ -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;
}