on master help sign in
Merge pull request #551 from ynx0/anchor-link

Add anchor links

commit1c24b895307a5fb0f05c509b96c8bf3729df664e authorDavid Kerschner <david@tlon.io> dateWed 17 Mar 2021, 14:47 (6 years ago) parent4f965aa2a993c0
2 files changed+21
sass/_main.scss+19 templates/anchor-link.html+2
sass/_main.scss+19
@@ -651,3 +651,22 @@ hr {
651651nav::-webkit-scrollbar {
652652 display: none;
653653}
654+
655+
656+// custom anchor styling
657+a.zola-anchor {
658+ visibility: hidden;
659+ padding: 0 0.1rem;
660+ &:hover {
661+ background-color: black;
662+ color: white;
663+ }
664+}
665+
666+h1, h2, h3, h4, h5, h6 {
667+ &:hover > a.zola-anchor {
668+ visibility: visible;
669+ border-bottom-style: none;
670+ }
671+}
672+
templates/anchor-link.htmlnew file+2
@@ -0,0 +1,2 @@
1+<!-- original at https://github.com/getzola/zola/blob/29b073640e26d96ab167c88ca70b18660f176cb4/docs/sass/_docs.scss#L48 -->
2+<a class="zola-anchor" href="#{{ id }}" aria-label="Anchor link for: {{ id }}">¶</a>