From 2a464e8860b0468843ca9a757f32d89dd68c8c62 Mon Sep 17 00:00:00 2001
From: Sat Naing <satnaingdev@gmail.com>
Date: Mon, 19 Sep 2022 23:16:02 +0630
Subject: [PATCH] Add custom scrollbar

---
 src/styles/base.css | 25 +++++++++++++++++++++++++
 1 file changed, 25 insertions(+)

diff --git a/src/styles/base.css b/src/styles/base.css
index 47ab647..932ea6a 100644
--- a/src/styles/base.css
+++ b/src/styles/base.css
@@ -65,6 +65,31 @@
   #article details {
     @apply cursor-pointer inline-block select-none;
   }
+
+  /* ===== scrollbar ===== */
+  html {
+    overflow-y: scroll;
+  }
+
+  /* width */
+  ::-webkit-scrollbar {
+    @apply w-3;
+  }
+
+  /* Track */
+  ::-webkit-scrollbar-track {
+    @apply bg-skin-fill;
+  }
+
+  /* Handle */
+  ::-webkit-scrollbar-thumb {
+    @apply bg-skin-card;
+  }
+
+  /* Handle on hover */
+  ::-webkit-scrollbar-thumb:hover {
+    @apply bg-skin-card-muted;
+  }
 }
 
 @layer components {