From 42a4fe809cd6bc7ef30d2010789e49cde1e2545b Mon Sep 17 00:00:00 2001 From: Henk Verlinde Date: Fri, 19 Mar 2021 15:13:09 +0100 Subject: [PATCH] ux: update doks highlight.js style --- assets/scss/components/_code.scss | 19 +++++++++++++++++++ 1 file changed, 19 insertions(+) diff --git a/assets/scss/components/_code.scss b/assets/scss/components/_code.scss index f1ae47e..9ad855b 100644 --- a/assets/scss/components/_code.scss +++ b/assets/scss/components/_code.scss @@ -23,6 +23,8 @@ pre code { line-height: $line-height-base; padding: 1.25rem 1.5rem; tab-size: 4; + scrollbar-width: thin; + scrollbar-color: transparent transparent; } .hljs { @@ -41,3 +43,20 @@ pre code { 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; +}