falsycat/ar.falsy.cat
1
0
Fork 0
mirror of https://github.com/falsycat/ar.falsy.cat.git synced 2024-12-26 00:14:51 +00:00
Code Issues Projects Releases Wiki Activity

feat: copyable header anchors (fixes #86)

Browse Source
This commit is contained in:
Jacky Zhao 2022-04-30 13:10:12 -07:00
parent ec86cca97b
commit b8a660e208
2 changed files with 17 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

13
assets/styles/base.scss
View File

@ -12,6 +12,19 @@ h1, h2, h3, h4, h5, h6, ol, ul, thead {
font-weight: revert; font-weight: revert;
margin: revert; margin: revert;
padding: revert; padding: revert;
&:hover > .hanchor {
opacity: 1;
}
}
.hanchor {
font-family: Inter;
margin-left: -1em;
opacity: 0.3;
transition: opacity 0.3s ease;
color: var(--secondary);
} }
p, ul, text { p, ul, text {

4
layouts/partials/textprocessing.html
View File

@ -53,4 +53,8 @@
{{end}} {{end}}
{{end}} {{end}}
{{end}} {{end}}
{{/* Add copyable anchors */}}
{{ $content = $content | replaceRE "(<h[1-9] id=\"([^\"]+)\">)(.+)(</h[1-9]>)" `<a href="#${2}">${1}<span class="hanchor" ariaLabel="Anchor"># </span>${3}${4}</a>` }}
{{ $content | safeHTML }} {{ $content | safeHTML }}