From e5cb8ab661094a50c70197cfe439cc7f8eb0a579 Mon Sep 17 00:00:00 2001
From: Travis Fischer <fisch0920@gmail.com>
Date: Sat, 9 Apr 2022 08:57:44 -0400
Subject: [PATCH] feat: spice up links a bit

---
 styles/notion.css | 28 ++++++++++++++++++++++++----
 1 file changed, 24 insertions(+), 4 deletions(-)

diff --git a/styles/notion.css b/styles/notion.css
index e62a2ab..4776a70 100644
--- a/styles/notion.css
+++ b/styles/notion.css
@@ -217,13 +217,33 @@
   position: relative;
   transition: unset;
   opacity: 1;
+  border-bottom-width: 0.08rem;
 }
 
+.notion-link:focus,
 .notion-link:hover {
-  border-width: 0;
-  border-bottom-width: 3px;
-  border-image: linear-gradient(90.68deg, #b439df 0.26%, #e5337e 102.37%);
-  border-image-slice: 1;
+  border-bottom-style: none;
+}
+
+.notion-link:focus::after,
+.notion-link:hover::after {
+  visibility: visible;
+  width: 100%;
+  left: 0;
+}
+
+.notion-link::after {
+  content: '';
+  position: absolute;
+  bottom: -0.1rem;
+  left: 50%;
+  width: 0;
+  height: 0.1rem;
+  transform: scaleX(1);
+  transition-property: width, left;
+  transition-duration: 300ms;
+  visibility: hidden;
+  background: linear-gradient(90.68deg, #b439df 0.26%, #e5337e 102.37%);
 }
 
 .notion-red_background,