Add custom scrollbar

2026-08-14 11:29:33 +08:00 · 2022-09-19 23:16:02 +06:30
parent cc58aca6ee
commit 2a464e8860
1 changed files with 25 additions and 0 deletions
@@ -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 {