fmaury/seirdy.one
1
0
Fork 0
mirror of https://git.sr.ht/~seirdy/seirdy.one synced 2024-11-23 21:02:09 +00:00
Code Issues Projects Releases Wiki Activity

CSS: fix focus indicators on legacy browsers.

Browse source
This commit is contained in:
Rohan Kumar 2022-05-13 17:16:15 -07:00
parent e523956ecd
commit 3909228b19
No known key found for this signature in database
GPG key ID: 1E892DB2A5F84479
1 changed files with 3 additions and 2 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

5
assets/css/main.css
View file

@ -296,12 +296,13 @@ section[aria-labelledby="webmentions"] {
* instead of focus but older/simpler browsers only support :focus. * instead of focus but older/simpler browsers only support :focus.
* I borrowed these directives from * I borrowed these directives from
* https://www.tempertemper.net/blog/refining-focus-styles-with-focus-visible * https://www.tempertemper.net/blog/refining-focus-styles-with-focus-visible
* To my knowledge: <a>, <summary>, and <pre tabindex=0> are the only
* focusable elements.
* */ * */
a:focus, a:focus,
summary:focus, summary:focus,
pre[tabindex]:focus, pre[tabindex]:focus {
:focus-visible {
outline: 3px solid; outline: 3px solid;
} }