From 58b1e0706a5fb74d36bd1fae68cc276dac3e4fee Mon Sep 17 00:00:00 2001
From: Allen Guan <me@nella17.tw>
Date: Sun, 5 Jun 2022 23:00:14 +0800
Subject: feat: add `general.scss` and change link hover style (#550)

---
 assets/scss/general.scss | 31 +++++++++++++++++++++++++++++++
 assets/scss/style.scss   | 33 +--------------------------------
 2 files changed, 32 insertions(+), 32 deletions(-)
 create mode 100644 assets/scss/general.scss

diff --git a/assets/scss/general.scss b/assets/scss/general.scss
new file mode 100644
index 0000000..e12bb0e
--- /dev/null
+++ b/assets/scss/general.scss
@@ -0,0 +1,31 @@
+a {
+    text-decoration: none;
+    color: var(--accent-color);
+
+    &:hover {
+        color: var(--accent-color-darker);
+    }
+
+    &.link {
+        box-shadow: 0px -2px 0px rgba(var(--link-background-color), var(--link-background-opacity)) inset;
+        transition: all 0.3s ease;
+
+        &:hover {
+            box-shadow: 0px calc(-1rem * var(--article-line-height)) 0px rgba(var(--link-background-color), var(--link-background-opacity-hover)) inset;
+        }
+    }
+}
+
+.section-title {
+    text-transform: uppercase;
+    margin-top: 0;
+    margin-bottom: 10px;
+    display: block;
+    font-size: 1.6rem;
+    font-weight: bold;
+    color: var(--body-text-color);
+
+    a {
+        color: var(--body-text-color);
+    }
+}
diff --git a/assets/scss/style.scss b/assets/scss/style.scss
index 43e95a5..e50d400 100644
--- a/assets/scss/style.scss
+++ b/assets/scss/style.scss
@@ -24,36 +24,5 @@
 @import "partials/layout/404.scss";
 @import "partials/layout/search.scss";
 
+@import "general.scss";
 @import "custom.scss";
-
-a {
-    text-decoration: none;
-    color: var(--accent-color);
-
-    &:hover {
-        color: var(--accent-color-darker);
-    }
-
-    &.link {
-        box-shadow: 0px -2px 0px rgba(var(--link-background-color), var(--link-background-opacity)) inset;
-        transition: all 0.3s ease;
-
-        &:hover {
-            box-shadow: 0px -10px 0px rgba(var(--link-background-color), var(--link-background-opacity-hover)) inset;
-        }
-    }
-}
-
-.section-title {
-    text-transform: uppercase;
-    margin-top: 0;
-    margin-bottom: 10px;
-    display: block;
-    font-size: 1.6rem;
-    font-weight: bold;
-    color: var(--body-text-color);
-
-    a {
-        color: var(--body-text-color);
-    }
-}
-- 
cgit v1.2.3