💄 style: hide horizontal scrollbar in codeblocks

welpo · Jul 8, 2023 · d7b0191 · d7b0191
1 parent 33cfe77
commit d7b0191
Showing 1 changed file with 9 additions and 5 deletions.
diff --git a/sass/parts/_code.scss b/sass/parts/_code.scss
@@ -43,7 +43,6 @@ pre {
     line-height: 1.4;
     overflow-x: auto;
     padding: 2rem 1rem 1rem;
-    -webkit-overflow-scrolling: touch;
     border-radius: 5px;
 
     code {
@@ -54,7 +53,16 @@ pre {
         color: inherit;
         padding: 0rem;
         border: 0rem;
+        overflow-x: auto;
         border-radius: 5px;
+        -webkit-overflow-scrolling: touch;
+
+        // Hide horizontal scrollbar
+        scrollbar-width: none;
+        -ms-overflow-style: none;
+        &::-webkit-scrollbar {
+            display: none;
+        }
 
         &::before {
             content: attr(data-lang);
@@ -72,10 +80,6 @@ pre {
             top: 0;
             left: 0;
         }
-
-        &[class*="language-"] {
-            -webkit-overflow-scrolling: touch;
-        }
     }
 }