Swap to focus-within for focus styles in FF

This commit is contained in:
Zach Leatherman 2024-08-26 15:06:38 -05:00
parent cdd2fd7a42
commit 6f64905ca6

View File

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