Scope scrollbar UI to md+, update masthead

enhance-dev · Nov 14, 2023 · b2c3709 · b2c3709
1 parent 51ccdaf
commit b2c3709
Showing 2 changed files with 17 additions and 15 deletions.
diff --git a/app/elements/docs/layout.mjs b/app/elements/docs/layout.mjs
@@ -13,23 +13,25 @@ export default function DocsLayout({ html, state }) {
         color: var(--purple-princess);
       }
 
-      /* Scrollbars */
-      body {
-        scrollbar-color: var(--grey-greyer) transparent;
-      }
+      @media screen and (min-width: 56em) {
+        /* Scrollbars */
+        body {
+          scrollbar-color: var(--grey-greyer) transparent;
+        }
 
-      ::-webkit-scrollbar {
-        height: 8px;
-        width: 8px;
-      }
+        ::-webkit-scrollbar {
+          height: 8px;
+          width: 8px;
+        }
 
-      ::-webkit-scrollbar-track {
-        background-color: transparent;
-      }
+        ::-webkit-scrollbar-track {
+          background-color: transparent;
+        }
 
-      ::-webkit-scrollbar-thumb {
-        border-radius: 8px;
-        background-color: var(--grey-greyer);
+        ::-webkit-scrollbar-thumb {
+          border-radius: 8px;
+          background-color: var(--grey-greyer);
+        }
       }
     </style>
 

diff --git a/package-lock.json b/package-lock.json