From d513643f6bade0030e9f32b5fa79c95fc6a90153 Mon Sep 17 00:00:00 2001 From: XPoet Date: Tue, 1 Sep 2020 19:21:28 +0800 Subject: [PATCH] style: change the scroll bar style --- source/css/layout/common/basic.styl | 18 +++++++++++++++++- 1 file changed, 17 insertions(+), 1 deletion(-) diff --git a/source/css/layout/common/basic.styl b/source/css/layout/common/basic.styl index 1ca13f3..884a94f 100644 --- a/source/css/layout/common/basic.styl +++ b/source/css/layout/common/basic.styl @@ -17,11 +17,27 @@ html, body { line-height: $default-font-line-height; } + ::selection { background: var(--selection-color); color: #fff; } +* { + &::-webkit-scrollbar { + width: 6px; + } + + &::-webkit-scrollbar-thumb { + border-radius: 1px; + background: rgba(0, 0, 0, 0.28) + } + + &::-webkit-scrollbar-track { + background: transparent; + } +} + ul, li, ol { @@ -69,4 +85,4 @@ button { color: var(--background-color); background: var(--primary-color); } -} \ No newline at end of file +}