lytedev/site.lyte.dev
1
0
Fork 0
Code Issues Pull requests 1 Releases Wiki Activity

Make anchor links tab-selectable and visible when focused

Browse source
This commit is contained in:
Daniel Flanagan 2022-10-22 21:33:25 -05:00
parent 6aff13706a
commit 313bb31537
Signed by: lytedev
GPG key ID: 5B2020A0F9921EF4
1 changed files with 8 additions and 3 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

11
src/stylus/core.styl
View file

@ -10,6 +10,7 @@ a
img, embed, frame, iframe { max-width: 100vw } img, embed, frame, iframe { max-width: 100vw }
html,body html,body
min-height 100vh
background-color var(--bg) background-color var(--bg)
color var(--fg) color var(--fg)
font-family var(--ff) font-family var(--ff)
@ -42,12 +43,16 @@ html,body
padding 0 0.5em padding 0 0.5em
font-weight normal font-weight normal
font-size 75% font-size 75%
text-decoration none text-decoration underline
display none display flex
color transparent
&:focus-visible
color var(--fg)
&:hover &:hover
.anchor-link .anchor-link
display flex color var(--fg)
@media (max-width: 600px) @media (max-width: 600px)
> h1, > h2, > h3, > h4, > h5, > h6 > h1, > h2, > h3, > h4, > h5, > h6