jake/jarv.is
1
Fork 0
mirror of https://github.com/jakejarvis/jarv.is.git synced 2025-09-18 16:05:33 -04:00
Code Issues Activity

show heading anchor link on keyboard focus

Browse Source
This commit is contained in:
Jake Jarvis
2022-07-29 09:39:06 -04:00
parent 1f56302527
commit f49cd3927c
3 changed files with 90 additions and 90 deletions
Download Patch File Download Diff File Expand all files Collapse all files

4
components/Heading/Heading.tsx
View File

@@ -35,8 +35,8 @@ const H = styled("h1", {
scrollMarginTop: "6.5rem",
},
// show anchor link when hovering anywhere over the heading line
[`&:hover ${Anchor}`]: {
// show anchor link when hovering anywhere over the heading line, or on keyboard tab focus
[`&:hover ${Anchor}, ${Anchor}:focus-visible`]: {
opacity: 1,
},