Resume page link hover effect.

cotes2020 · cotes2020 · commit 4b92aada16e1 · 2020-06-17T16:17:03.000+08:00
diff --git a/assets/css/_colors/dark-typography.scss b/assets/css/_colors/dark-typography.scss
@@ -45,6 +45,7 @@
   /* Home page */
   --post-list-text-color: rgb(175, 176, 177);
   --btn-patinator-text-color: var(--text-color);
+  --btn-paginator-hover-color: rgb(64, 65, 66);
   --btn-active-bg: rgba(28, 52, 94, 1);
   --btn-active-border-color: rgb(66, 94, 138);
   --btn-text-color: var(--text-color);
diff --git a/assets/css/_colors/light-typography.scss b/assets/css/_colors/light-typography.scss
@@ -63,12 +63,14 @@
 
   --input-focus-border-color: var(--btn-border-color);
 
-  /* Home */
+  /* Home page */
 
   --post-list-text-color: dimgray;
 
   --btn-patinator-text-color: #555555;
 
+  --btn-paginator-hover-color: #e9ecef;
+
   --btn-active-bg: #2a408e;
 
   --btn-active-border-color: #007bff;
diff --git a/assets/css/home.scss b/assets/css/home.scss
@@ -76,6 +76,9 @@
       border: 1px solid var(--btn-paginator-border-color);
       font-family: 'Lato', sans-serif;
       background-color: var(--button-bg);
+      &:hover {
+        background-color: var(--btn-paginator-hover-color)
+      }
     }
     &.active {
       .page-link {
