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

Padding for anchor-links

Browse source
This commit is contained in:
Daniel Flanagan 2022-03-09 11:31:39 -06:00
parent ff2a15fc02
commit 763c8aa0e6
Signed by: lytedev
GPG key ID: 5B2020A0F9921EF4
1 changed files with 7 additions and 5 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

12
src/stylus/core.styl
View file

@ -35,26 +35,28 @@ body
*:first-child { margin-top: 0 } *:first-child { margin-top: 0 }
> h1, > h2, > h3, > h4, > h5, > h6 > h1, > h2, > h3, > h4, > h5, > h6
display flex
.anchor-link .anchor-link
padding-left 0.5em flex-grow 1
padding 0 0.5em
font-weight normal font-weight normal
font-size 75% font-size 75%
text-decoration none text-decoration none
display none display none
position absolute
&:hover &:hover
.anchor-link .anchor-link
display inline-flex display flex
@media (max-width: 600px) @media (max-width: 600px)
> h1, > h2, > h3, > h4, > h5, > h6 > h1, > h2, > h3, > h4, > h5, > h6
.anchor-link .anchor-link
padding-right 0.25em padding 0 0.25em
font-weight normal font-weight normal
font-size 75% font-size 75%
text-decoration none text-decoration none
display inline-flex display flex
position absolute position absolute
right 0 right 0