Commit 2763146

HPCesia <me@hpcesia.com>
2026-03-12 08:51:22
Math block scroll bar style in webkit
main
1 parent 49450c9
Changed files (1)
src
styles
article
math.css
src/styles/article/math.css
@@ -5,5 +5,17 @@ math {
     /* MathML overflow is not supported in Firefox */
     /* See https://bugzilla.mozilla.org/show_bug.cgi?id=1928784 */
     @apply overflow-x-auto overflow-y-hidden;
+
+    &::-webkit-scrollbar,
+    &::-webkit-scrollbar-track {
+      @apply bg-inherit rounded-b;
+    }
+    &::-webkit-scrollbar-thumb {
+      @apply bg-neutral-400 dark:bg-neutral-600;
+      @apply border-4 border-transparent rounded-xl bg-clip-content;
+    }
+    &::-webkit-scrollbar-thumb:hover {
+      @apply bg-neutral-500;
+    }
   }
 }