From 4583d727812818c62c19e1791b95159598f798ac Mon Sep 17 00:00:00 2001
From: BlueSlug <mossmonkey@gmail.com>
Date: Fri, 20 May 2022 16:08:29 -0400
Subject: [PATCH] fix: refine breadcrumb link hover/focus styling

---
 src/assets/styles/components/_breadcrumb.scss | 19 ++++++++++++++++++-
 1 file changed, 18 insertions(+), 1 deletion(-)

diff --git a/src/assets/styles/components/_breadcrumb.scss b/src/assets/styles/components/_breadcrumb.scss
index c5d5e3be..599fa9a1 100644
--- a/src/assets/styles/components/_breadcrumb.scss
+++ b/src/assets/styles/components/_breadcrumb.scss
@@ -18,7 +18,24 @@
 
     &:focus,
     &:hover {
+        background: unset;
         margin: unset;
-        outline: 0.125rem solid var(--fl-linkColor, $mainColour);
+        outline: none;
+        padding: unset;
+        position: relative;
+        z-index: 0;
+
+        &::after {
+            background: $linkBackgroundHoverColour;
+            border-radius: 0.3125rem;
+            bottom: -0.3rem;
+            content: "";
+            left: -0.3rem;
+            outline: 0.125rem solid var(--fl-linkColor, $mainColour);
+            position: absolute;
+            right: -0.3rem;
+            top: -0.3rem;
+            z-index: -1;
+        }
     }
 }