From f4df89dbf66d893f48913353760650d4d90d5129 Mon Sep 17 00:00:00 2001
From: Aditya Telange <21258296+adityatelange@users.noreply.github.com>
Date: Sat, 3 Oct 2020 20:58:35 +0530
Subject: [PATCH] scroll-bar(css): reduce size for smaller screens

misc
---
 assets/css/reset.css | 15 +++++++++++----
 1 file changed, 11 insertions(+), 4 deletions(-)

diff --git a/assets/css/reset.css b/assets/css/reset.css
index 84b7ce1a..78760c47 100644
--- a/assets/css/reset.css
+++ b/assets/css/reset.css
@@ -112,24 +112,31 @@ img {
     max-width: 100%;
 }
 
-::-webkit-scrollbar {
+*::-webkit-scrollbar {
     width: 10px;
     height: 6px;
 }
 
-::-webkit-scrollbar-track {
+*::-webkit-scrollbar-track {
     background: var(--theme);
 }
 
-::-webkit-scrollbar-thumb {
+*::-webkit-scrollbar-thumb {
     background: var(--tertiary);
     border-radius: var(--radius);
 }
 
-::-webkit-scrollbar-thumb:hover {
+*::-webkit-scrollbar-thumb:hover {
     background: var(--secondary);
 }
 
+@media screen and (max-width: 800px) {
+    *::-webkit-scrollbar {
+        width: 8px;
+        height: 2px;
+    }
+}
+
 *:focus {
     outline:none;
 }