Make body scrollbar option more extendable

next-theme · Apr 15, 2021 · 215e456 · 215e456
1 parent 8d77f69
commit 215e456
Show file tree

Hide file tree

Showing 2 changed files with 10 additions and 4 deletions.
diff --git a/_config.yml b/_config.yml
@@ -352,8 +352,12 @@ mobile_layout_economy: false
 # Android Chrome header panel color ($brand-bg / $headband-bg => $black-deep).
 android_chrome_color: "#222"
 
-# Available values: default | overlay | stable
-body_scrollbar_style: default
+# Override browsers' default behavior.
+body_scrollbar:
+  # Place the scrollbar over the content.
+  overlay: false
+  # Present the scrollbar even if the content is not overflowing.
+  stable: false
 
 codeblock:
   # Code Highlight theme

diff --git a/source/css/_common/scaffolding/base.styl b/source/css/_common/scaffolding/base.styl
@@ -17,13 +17,15 @@ body {
   position: relative;
   transition: padding $transition-ease;
 
-  if (hexo-config('body_scrollbar_style') == 'overlay') {
+  if (hexo-config('body_scrollbar.overlay')) {
     overflow-x: hidden;
     @supports (overflow-x: clip) {
       overflow-x: clip;
     }
     width: 100vw;
-  } else if (hexo-config('body_scrollbar_style') == 'stable') {
+  }
+
+  if (hexo-config('body_scrollbar.stable')) {
     overflow-y: scroll;
   }
 }