n/Nyxblog
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Swap to focus-within for focus styles in FF

Browse source
This commit is contained in:
Zach Leatherman 2024-08-26 15:06:38 -05:00
parent cdd2fd7a42
commit 6f64905ca6
1 changed files with 3 additions and 3 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

6
public/js/heading-anchors.js
View file

@ -33,10 +33,10 @@ class HeadingAnchors extends HTMLElement {
padding-right: .25em;
}
/* nested */
:is(h1,h2,h3,h4,h5,h6):is(:focus, :hover) .${HeadingAnchors.classes.anchor},
:is(h1,h2,h3,h4,h5,h6):is(:focus-within, :hover) .${HeadingAnchors.classes.anchor},
/* sibling */
:is(h1,h2,h3,h4,h5,h6) + .${HeadingAnchors.classes.anchor}:is(:focus, :hover),
:is(h1,h2,h3,h4,h5,h6):is(:focus,:hover) + .${HeadingAnchors.classes.anchor} {
:is(h1,h2,h3,h4,h5,h6) + .${HeadingAnchors.classes.anchor}:is(:focus-within, :hover),
:is(h1,h2,h3,h4,h5,h6):is(:focus-within, :hover) + .${HeadingAnchors.classes.anchor} {
opacity: 1;
}
@supports not (anchor-name: none) {