styling body scrollbar to match nav scrollbar

medium screen sizes (details below stage) can have a body scrollbar
CSS-Tricks · Nov 14, 2020 · 68eb042 · 68eb042
1 parent 2b846fb
commit 68eb042
Show file tree

Hide file tree

Showing 3 changed files with 23 additions and 1 deletion.
diff --git a/src/assets/styles/sass/style.scss b/src/assets/styles/sass/style.scss
@@ -37,6 +37,18 @@ body {
   color: var(--text);
   -webkit-font-smoothing: antialiased;
   -moz-osx-font-smoothing: grayscale;
+
+  @include medium {
+    &::-webkit-scrollbar {
+      width: 10px;
+      background: var(--bg-main);
+    }
+
+    &::-webkit-scrollbar-thumb {
+      border-radius: 10px;
+      background-color: var(--bg-dark);
+    }
+  }
 }
 
 body.no-transition * {

diff --git a/src/assets/styles/style.css b/src/assets/styles/style.css
diff --git a/src/assets/styles/style.css.map b/src/assets/styles/style.css.map