chore: keyboard accessible table of contents

kobaltedev · Oct 16, 2024 · 2b096b1 · 2b096b1
1 parent 4697a51
commit 2b096b1
Showing 1 changed file with 5 additions and 2 deletions.
diff --git a/src/client/components/TableOfContents.module.css b/src/client/components/TableOfContents.module.css
@@ -39,7 +39,8 @@
 		}
 	}
 
-	&:hover a {
+	&:hover a,
+	&:focus-within a {
 		opacity: 1;
 	}
 }
@@ -58,8 +59,10 @@
 		transition-duration: .15s;
 		opacity: 0.5;
 		min-width: 12rem;
+		outline: none;
 
-		&:hover {
+		&:hover,
+		&:focus {
 			background: color-mix(
 				in hsl,
 				var(--link-underline-color) 20%,