From 313bb315372d60da29b6eb0638aa690cd47909bc Mon Sep 17 00:00:00 2001
From: Daniel Flanagan <daniel@lyte.dev>
Date: Sat, 22 Oct 2022 21:33:25 -0500
Subject: [PATCH] Make anchor links tab-selectable and visible when focused

---
 src/stylus/core.styl | 11 ++++++++---
 1 file changed, 8 insertions(+), 3 deletions(-)

diff --git a/src/stylus/core.styl b/src/stylus/core.styl
index 18fe282..39e86d6 100644
--- a/src/stylus/core.styl
+++ b/src/stylus/core.styl
@@ -10,6 +10,7 @@ a
 img, embed, frame, iframe { max-width: 100vw }
 
 html,body
+	min-height 100vh
 	background-color var(--bg)
 	color var(--fg)
 	font-family var(--ff)
@@ -42,12 +43,16 @@ html,body
 				padding 0 0.5em
 				font-weight normal
 				font-size 75%
-				text-decoration none
-				display none
+				text-decoration underline
+				display flex
+				color transparent
+				
+				&:focus-visible
+					color var(--fg)
 
 			&:hover
 				.anchor-link
-					display flex
+					color var(--fg)
 
 		@media (max-width: 600px)
 			> h1, > h2, > h3, > h4, > h5, > h6