From 7dab9c765b615176b7680a56d0fb6a660e9360ef Mon Sep 17 00:00:00 2001
From: Fredrik Jonsson <frjo@xdeb.org>
Date: Fri, 13 Nov 2020 09:17:51 +0100
Subject: [PATCH] Add misssing styles for anchor-link in render-header.

---
 assets/sass/_zen.scss                        | 21 ++++++++++++++++++++
 layouts/_default/_markup/render-heading.html |  4 ++--
 2 files changed, 23 insertions(+), 2 deletions(-)

diff --git a/assets/sass/_zen.scss b/assets/sass/_zen.scss
index dd35c02..9df0335 100644
--- a/assets/sass/_zen.scss
+++ b/assets/sass/_zen.scss
@@ -298,3 +298,24 @@ figure {
     }
   }
 }
+
+// Header anchor links
+
+.anchor-link {
+  opacity: 0;
+  transition: all 130ms ease-in;
+}
+
+.anchor-header {
+  &:focus,
+  &:hover {
+    .anchor-link {
+      opacity: .3;
+
+      &:focus,
+      &:hover {
+        opacity: 1;
+      }
+    }
+  }
+}
diff --git a/layouts/_default/_markup/render-heading.html b/layouts/_default/_markup/render-heading.html
index 53fce65..30f5cdd 100644
--- a/layouts/_default/_markup/render-heading.html
+++ b/layouts/_default/_markup/render-heading.html
@@ -1,5 +1,5 @@
-<h{{ .Level }} id="{{ .Anchor | safeURL }}">{{ .Text | safeHTML }} <a href="#{{ .Anchor | safeURL }}">
-<svg xmlns="http://www.w3.org/2000/svg" class="icon icon-tabler icon-tabler-link" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round">
+<h{{ .Level }} id="{{ .Anchor | safeURL }}" class="anchor-header">{{ .Text | safeHTML }} <a class="anchor-link" href="#{{ .Anchor | safeURL }}" aria-hidden="true">
+<svg xmlns="http://www.w3.org/2000/svg" class="anchor-icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round">
   <path stroke="none" d="M0 0h24v24H0z" fill="none"/>
   <path d="M10 14a3.5 3.5 0 0 0 5 0l4 -4a3.5 3.5 0 0 0 -5 -5l-.5 .5" />
   <path d="M14 10a3.5 3.5 0 0 0 -5 0l-4 4a3.5 3.5 0 0 0 5 5l.5 -.5" />