From a10cac81837cc9bfad04a939c42eaf6a994415f5 Mon Sep 17 00:00:00 2001
From: Reorx <novoreorx@gmail.com>
Date: Thu, 21 Apr 2022 14:46:25 +0800
Subject: [PATCH] use hover underline style instead of transform for home page
 links

---
 assets/css/common/post-entry.css | 13 +++++++++----
 assets/css/core/theme-vars.css   |  2 +-
 2 files changed, 10 insertions(+), 5 deletions(-)

diff --git a/assets/css/common/post-entry.css b/assets/css/common/post-entry.css
index 8c37127..272d4af 100644
--- a/assets/css/common/post-entry.css
+++ b/assets/css/common/post-entry.css
@@ -39,14 +39,17 @@
     padding: var(--gap);
     background: var(--entry);
     border-radius: var(--radius);
-    transition: transform 0.1s;
     border: 1px solid var(--border);
 }
-
-.post-entry:active {
-    transform: scale(0.97);
+.post-entry:hover .entry-header h2 {
+    color: var(--link-hover-color);
+    box-shadow: var(--link-hover-underline-shadow);
 }
 
+/* .post-entry:active {
+    transform: scale(0.97);
+} */
+
 .tag-entry .entry-cover {
     display: none;
 }
@@ -54,6 +57,8 @@
 .entry-header h2 {
     font-size: 24px;
     line-height: 1.3;
+    transition: all 0.3s ease;
+    display: inline-block;
 }
 
 .entry-content {
diff --git a/assets/css/core/theme-vars.css b/assets/css/core/theme-vars.css
index 965e5a5..42363d4 100644
--- a/assets/css/core/theme-vars.css
+++ b/assets/css/core/theme-vars.css
@@ -19,7 +19,7 @@
     --link-color: var(--primary);
     --link-hover-color: #573eaa;
     --link-underline-shadow: 0 1px 0 var(--link-color);
-    --link-hover-underline-color: #573eaa;
+    --link-hover-underline-color: #6549c0;
     --link-hover-underline-shadow: 0 2px 0 var(--link-hover-underline-color);
 }