use discrete scrollbars in Firefox

Author: mojavelinux

src/css/nav.css

@@ -5,6 +5,16 @@
   overflow-y: auto;
   font-size: 1rem;
   line-height: 24px;
+  scrollbar-width: thin;
+  scrollbar-color: var(--color-border) transparent;
+}
+
+.nav-menu::-webkit-scrollbar {
+  width: 0.25rem;
+}
+
+.nav-menu::-webkit-scrollbar-thumb {
+  background-color: var(--color-border);
 }
 
 @media screen and (max-width: 768px) {
@@ -28,14 +38,6 @@
   }
 }
 
-.nav-menu::-webkit-scrollbar {
-  width: 0.25rem;
-}
-
-.nav-menu::-webkit-scrollbar-thumb {
-  background-color: var(--color-border);
-}
-
 .nav-menu .nav-link,
 .nav-menu .nav-text {
   display: block;

src/css/toc.css

@@ -14,16 +14,17 @@
   max-height: var(--height-nav);
   overflow-y: auto;
   -ms-overflow-style: none;
-}
-
-.toc.embedded .toc-menu {
-  margin-top: 1rem;
+  scrollbar-width: none;
 }
 
 .sidebar-box::-webkit-scrollbar {
   width: 0;
 }
 
+.toc.embedded .toc-menu {
+  margin-top: 1rem;
+}
+
 .toc .toc-menu h3 {
   font-size: 0.875rem;
   font-weight: var(--weight-bold);