From 5b8b8241f30ca5f5571fbf752b66c80c1b82130f Mon Sep 17 00:00:00 2001
From: Reorx <novoreorx@gmail.com>
Date: Thu, 21 Apr 2022 14:56:33 +0800
Subject: [PATCH] add link hover style to social icons

---
 assets/css/common/main.css       | 12 +++++++++++-
 assets/css/common/post-entry.css |  2 +-
 assets/css/core/theme-vars.css   |  1 +
 3 files changed, 13 insertions(+), 2 deletions(-)

diff --git a/assets/css/common/main.css b/assets/css/common/main.css
index 22dc39c..e4ceabc 100644
--- a/assets/css/common/main.css
+++ b/assets/css/common/main.css
@@ -36,14 +36,24 @@
     padding: 12px 0;
 }
 
+.social-icons a {
+    display: inline-block;
+    line-height: 20px;
+    transition: var(--link-transition);
+}
+
 .social-icons a:not(:last-of-type) {
-    margin-inline-end: 12px;
+    margin-right: 12px;
 }
 
 .social-icons a svg {
     height: 26px;
     width: 26px;
 }
+.social-icons a:hover {
+    color: var(--link-hover-color);
+    box-shadow: var(--link-hover-underline-shadow);
+}
 
 code {
     direction: ltr;
diff --git a/assets/css/common/post-entry.css b/assets/css/common/post-entry.css
index 272d4af..2602ec5 100644
--- a/assets/css/common/post-entry.css
+++ b/assets/css/common/post-entry.css
@@ -57,7 +57,7 @@
 .entry-header h2 {
     font-size: 24px;
     line-height: 1.3;
-    transition: all 0.3s ease;
+    transition: var(--link-transition);
     display: inline-block;
 }
 
diff --git a/assets/css/core/theme-vars.css b/assets/css/core/theme-vars.css
index 42363d4..b8d3d30 100644
--- a/assets/css/core/theme-vars.css
+++ b/assets/css/core/theme-vars.css
@@ -21,6 +21,7 @@
     --link-underline-shadow: 0 1px 0 var(--link-color);
     --link-hover-underline-color: #6549c0;
     --link-hover-underline-shadow: 0 2px 0 var(--link-hover-underline-color);
+    --link-transition: all 0.3s ease;
 }
 
 .dark {