Add custom scrollbar styles for code blocks
This commit is contained in:
1 parent
c0ea6c53e5
commit
7fa4d7a51e
1 file changed
+19
@@ -393,6 +393,25 @@ pre code {
|
||||
border: none;
|
||||
}
|
||||
|
||||
/* Always-visible scrollbar on code blocks */
|
||||
pre {
|
||||
scrollbar-width: thin; /* Firefox */
|
||||
scrollbar-color: var(--border-color) transparent;
|
||||
}
|
||||
pre::-webkit-scrollbar {
|
||||
height: 6px;
|
||||
}
|
||||
pre::-webkit-scrollbar-track {
|
||||
background: transparent;
|
||||
}
|
||||
pre::-webkit-scrollbar-thumb {
|
||||
background: var(--border-color);
|
||||
border-radius: 3px;
|
||||
}
|
||||
pre::-webkit-scrollbar-thumb:hover {
|
||||
background: var(--text-muted);
|
||||
}
|
||||
|
||||
/* ========================================
|
||||
TABLES
|
||||
======================================== */
|
||||
|
||||
Reference in new issue
Block a user