From 6f748da235664fcbf93a64c6dd81346be1e36bc7 Mon Sep 17 00:00:00 2001
From: mat ess <mat@mat.services>
Date: Sat, 28 Jan 2023 15:08:52 -0500
Subject: [PATCH] Use box shadow for link highlight

---
 sass/style/parts/_misc.scss | 22 ++--------------------
 1 file changed, 2 insertions(+), 20 deletions(-)

diff --git a/sass/style/parts/_misc.scss b/sass/style/parts/_misc.scss
index 489c9ba..b060999 100644
--- a/sass/style/parts/_misc.scss
+++ b/sass/style/parts/_misc.scss
@@ -36,31 +36,13 @@ blockquote {
 a {
   color: inherit;
   text-decoration: none;
-  position: relative;
+  box-shadow: inset 0 -.15em 0 var(--primary-color);
   transition: all .2s ease-in;
 }
 
 a:hover {
   color: var(--hover-color);
-  transition: all .2s ease;
-}
-
-a::after {
-  content: "";
-  display: inline-block;
-  position: absolute;
-  z-index: -1;
-  bottom: -3px;
-  left: 0;
-  width: 100%;
-  height: 3px;
-  background-color: var(--primary-color);
-  transition: all .2s ease-in;
-}
-
-a:hover::after {
-  height: 100%;
-  transform: translateY(-3px);
+  box-shadow: inset 0 -1.15em 0 var(--primary-color);
   transition: all .2s ease;
 }