ux: update doks highlight.js style

This commit is contained in:
Henk Verlinde 2021-03-19 15:13:09 +01:00
parent 5dbf2522d6
commit 42a4fe809c
1 changed files with 19 additions and 0 deletions

View File

@ -23,6 +23,8 @@ pre code {
line-height: $line-height-base; line-height: $line-height-base;
padding: 1.25rem 1.5rem; padding: 1.25rem 1.5rem;
tab-size: 4; tab-size: 4;
scrollbar-width: thin;
scrollbar-color: transparent transparent;
} }
.hljs { .hljs {
@ -41,3 +43,20 @@ pre code {
margin: 2rem -1.5rem; margin: 2rem -1.5rem;
} }
} }
pre code::-webkit-scrollbar {
height: 5px;
}
pre code::-webkit-scrollbar-thumb {
background: $gray-200;
}
pre code:hover {
scrollbar-width: thin;
scrollbar-color: $gray-200 transparent;
}
pre code::-webkit-scrollbar-thumb:hover {
background: $gray-200;
}