From f50ae809ac38e6ab50ec99b70bb96dff6906e2a8 Mon Sep 17 00:00:00 2001
From: Jianan Sun <isunjn@gmail.com>
Date: Fri, 1 Sep 2023 00:44:30 +0800
Subject: [PATCH] fix: link text-decoration style on mobile

---
 sass/main.scss | 8 +++++++-
 1 file changed, 7 insertions(+), 1 deletion(-)

diff --git a/sass/main.scss b/sass/main.scss
index b1508e4..7cfe7f0 100644
--- a/sass/main.scss
+++ b/sass/main.scss
@@ -100,11 +100,17 @@ a:focus-visible {
 
   a {
     color: var(--primary-color);
-    text-decoration: underline var(--primary-pale-color) 1.5px;
+    text-decoration-color: var(--primary-pale-color);
+    text-decoration-thickness: 1.5px;
 
     &:hover {
       text-decoration-color: var(--primary-color);
     }
+
+    @media (max-width: 425px) {
+      text-decoration-color: unset;
+      text-decoration-thickness: auto;
+    }  
   }
 
   img {