From: Ardis Lu <ardisglu@gmail.com>
Date: Wed, 13 Apr 2022 04:52:33 +0000 (-0700)
Subject: Update text-decoration so transitions work
X-Git-Url: https://git.ardis.lu/?a=commitdiff_plain;h=f7eca95eb6213f3c5ec9f715e6f5f3706427cf96;p=ardislu.dev

Update text-decoration so transitions work

Transitions apply to text-decoration-color, not text-decoration-line
---

diff --git a/style.css b/style.css
index e1447f3..084ea24 100644
--- a/style.css
+++ b/style.css
@@ -24,14 +24,14 @@ h1 {
 a {
   color: hsl(216deg 100% 45%);
   font-weight: bold;
-  text-decoration: none;
+  text-decoration-color: transparent;
   transition: 0.15s;
 }
 
 a:hover, a:focus {
   background-color: hsl(30deg 80% 90%);
   border-radius: 0.25rem;
-  text-decoration: underline;
+  text-decoration-color: currentColor;
 }
 
 kbd {