From 4a3fb1cb982a280e92a0e391c4ba9d1825fe468b Mon Sep 17 00:00:00 2001
From: Justin Tennant <me@justintennant.me>
Date: Fri, 9 Jun 2023 22:13:47 -0700
Subject: [PATCH] Add transitions to a link color

---
 sass/base.scss | 8 ++++++++
 1 file changed, 8 insertions(+)

diff --git a/sass/base.scss b/sass/base.scss
index 59cb780..e8a27c6 100644
--- a/sass/base.scss
+++ b/sass/base.scss
@@ -97,16 +97,19 @@ a:hover,
 a:focus {
     color: var(--link-hover-color);
     border-bottom: 1px solid var(--link-hover-line-color);
+    transition: all 0.1s linear;
 }
 
 a:active {
     color: var(--link-hover-color);
     opacity: 0.9;
     border-bottom: 1px solid var(--link-hover-line-color);
+    transition: all 0.1s linear;
 }
 
 a.active {
     color: var(--link-hover-color);
+    transition: all 0.1s linear;
 }
 
 /* Table */
@@ -279,6 +282,7 @@ article header h2 {
     }
     a:hover {
         color: var(--link-hover-color);
+        transition: all 0.1s linear;
     }
 }
 
@@ -422,16 +426,19 @@ figcaption {
     a:focus {
         color: var(--link-hover-color);
         border-bottom: 1px solid var(--link-hover-line-color);
+        transition: all 0.1s linear;
     }
 
     a:active {
         color: var(--link-hover-color);
         opacity: 0.9;
         border-bottom: 1px solid var(--link-hover-line-color);
+        transition: all 0.1s linear;
     }
 
     a.active {
         color: var(--link-hover-color);
+        transition: all 0.1s linear;
     }
 
     img {
@@ -488,6 +495,7 @@ figcaption {
     a:hover, a:focus {
         color: var(--link-hover-color);
         border-bottom: 0;
+        transition: all 0.1s linear;
     }
 }