From 3ef9217a84348f10eb122bb60a7af88f3fe30c19 Mon Sep 17 00:00:00 2001
From: Will Faught <willfaught@users.noreply.github.com>
Date: Sat, 7 Jan 2023 10:52:07 -0800
Subject: [PATCH] Add transition to header links

---
 layouts/partials/paige/style.html | 14 +++++++++++++-
 1 file changed, 13 insertions(+), 1 deletion(-)

diff --git a/layouts/partials/paige/style.html b/layouts/partials/paige/style.html
index 6f1b1c02..679c3372 100644
--- a/layouts/partials/paige/style.html
+++ b/layouts/partials/paige/style.html
@@ -47,9 +47,21 @@ section[class="paige-content"] > div {
 }
 
 .paige-header-link {
-    display: none;
     margin-left: 0.5ch;
+    opacity: 0;
     position: absolute;
+    text-decoration: none;
+    transition: color 0.15s ease-in-out, opacity 0.15s ease-in-out;
+}
+
+@media (prefers-reduced-motion: reduce) {
+    .paige-header-link {
+        transition: none;
+    }
+}
+
+.paige-header-link:focus, .paige-header-link:hover, :hover > .paige-header-link, :target > .paige-header-link {
+    opacity: 1;
 }
 
 {{ with .Site.Params.paige.color_scheme }}