[CSS] Focusable elements only show accent inset shadow when focused by keyboard, not by any other way

This commit is contained in:
Eliseu Amaro 2021-12-02 22:38:56 +00:00
parent 2e11001b8f
commit a1b002659f
No known key found for this signature in database
GPG Key ID: 96DA09D4B97BC2D5

View File

@ -172,7 +172,7 @@ li {
padding: 0; padding: 0;
} }
*:focus { *:focus-visible {
-webkit-box-shadow: var(--shadow-inset-accent); -webkit-box-shadow: var(--shadow-inset-accent);
-moz-box-shadow: var(--shadow-inset-accent); -moz-box-shadow: var(--shadow-inset-accent);
box-shadow: var(--shadow-inset-accent); box-shadow: var(--shadow-inset-accent);
@ -578,9 +578,6 @@ html {
border-radius: var(--smaller); border-radius: var(--smaller);
} }
50% { 50% {
-webkit-border-rns
Enable/
disabadius: var(--smaller);
border-radius: var(--smaller); border-radius: var(--smaller);
-webkit-box-shadow: inset 0 20px 40px #FFF; -webkit-box-shadow: inset 0 20px 40px #FFF;
box-shadow: inset 0 20px 40px #FFF; box-shadow: inset 0 20px 40px #FFF;