Add anchor link template

justint · Jan 31, 2022 · 5c04da2 · 5c04da2
1 parent 646824e
commit 5c04da2
Show file tree

Hide file tree

Showing 2 changed files with 8 additions and 0 deletions.
diff --git a/sass/main.scss b/sass/main.scss
@@ -608,6 +608,7 @@ h1, h2, h3, h4, h5, h6  {
   .zola-anchor-link {
     vertical-align: middle;
     display: inline-block;
+    fill: var(--text-color);
   }
 }
 

diff --git a/templates/anchor-link.html b/templates/anchor-link.html
@@ -0,0 +1,7 @@
+<a class="zola-anchor" href="#{{ id }}" aria-label="Anchor link for: {{ id }}">
+    <svg class="zola-anchor-link" viewBox="0 0 16 16" version="1.1" width="16" height="16" aria-hidden="true">
+        <path fill-rule="evenodd"
+            d="M7.775 3.275a.75.75 0 001.06 1.06l1.25-1.25a2 2 0 112.83 2.83l-2.5 2.5a2 2 0 01-2.83 0 .75.75 0 00-1.06 1.06 3.5 3.5 0 004.95 0l2.5-2.5a3.5 3.5 0 00-4.95-4.95l-1.25 1.25zm-4.69 9.64a2 2 0 010-2.83l2.5-2.5a2 2 0 012.83 0 .75.75 0 001.06-1.06 3.5 3.5 0 00-4.95 0l-2.5 2.5a3.5 3.5 0 004.95 4.95l1.25-1.25a.75.75 0 00-1.06-1.06l-1.25 1.25a2 2 0 01-2.83 0z">
+        </path>
+    </svg>
+</a>