From 37547c229e9e7be786e1de3d2a701d096a6bf355 Mon Sep 17 00:00:00 2001
From: Jimmy <jimmehcai@gmail.com>
Date: Sun, 20 Jun 2021 15:42:30 +0200
Subject: [PATCH] feat: apply custom scrollbar style to all elements

---
 assets/scss/partials/base.scss        | 40 ++++++++++++++-------------
 assets/scss/partials/layout/list.scss | 18 ------------
 2 files changed, 21 insertions(+), 37 deletions(-)

diff --git a/assets/scss/partials/base.scss b/assets/scss/partials/base.scss
index ea6b88e..e7aefe6 100644
--- a/assets/scss/partials/base.scss
+++ b/assets/scss/partials/base.scss
@@ -1,25 +1,6 @@
 html {
     font-size: 62.5%;
     overflow-y: scroll;
-
-    /* scrollbar styles for Firefox */
-    scrollbar-width: auto;
-    scrollbar-color: var(--scrollbar-thumb) transparent;
-    /**/
-
-    /* scrollbar styles for Chromium */
-    &::-webkit-scrollbar {
-        height: auto;
-    }
-
-    &::-webkit-scrollbar-thumb {
-        background-color: var(--scrollbar-thumb);
-    }
-
-    &::-webkit-scrollbar-track {
-        background-color: transparent;
-    }
-    /**/
 }
 
 * {
@@ -34,3 +15,24 @@ body {
     -webkit-font-smoothing: antialiased;
     -moz-osx-font-smoothing: grayscale;
 }
+
+/* scrollbar styles for Firefox */
+* {
+    scrollbar-width: auto;
+    scrollbar-color: var(--scrollbar-thumb) transparent;
+}
+/**/
+
+/* scrollbar styles for Chromium */
+::-webkit-scrollbar {
+    height: auto;
+}
+
+::-webkit-scrollbar-thumb {
+    background-color: var(--scrollbar-thumb);
+}
+
+::-webkit-scrollbar-track {
+    background-color: transparent;
+}
+/**/
diff --git a/assets/scss/partials/layout/list.scss b/assets/scss/partials/layout/list.scss
index f9e7b6a..1a0e346 100644
--- a/assets/scss/partials/layout/list.scss
+++ b/assets/scss/partials/layout/list.scss
@@ -52,24 +52,6 @@
     margin-bottom: var(--section-separation);
     overflow-x: auto;
 
-    /* scrollbar styles for Firefox */
-    scrollbar-width: auto;
-    scrollbar-color: var(--scrollbar-thumb) transparent;
-
-    /* scrollbar styles for Chromium */
-    &::-webkit-scrollbar {
-        height: auto;
-    }
-
-    &::-webkit-scrollbar-thumb {
-        background-color: var(--scrollbar-thumb);
-    }
-
-    &::-webkit-scrollbar-track {
-        background-color: transparent;
-    }
-    /**/
-
     .article-list--tile {
         display: flex;
         padding-bottom: 15px;