diff --git a/styles/generic.scss b/styles/generic.scss index 6c173aa..e855497 100644 --- a/styles/generic.scss +++ b/styles/generic.scss @@ -4,13 +4,16 @@ @import url('https://fonts.googleapis.com/css2?family=Pixelify+Sans&display=swap'); +/* +Enabling scrollbar customization on a per-sheet basis, with a relatively low +specificity to allow easier overriding without artificially increasing it. +*/ .dotdungeon { + --scrollbar-width: 5px; --scrollbar-handle-color: #782e22; --scrollbar-handle-border-color: var(--color-border-highlight); - - ::-webkit-scrollbar { - width: var(--scrollbar-width, 5px); + width: var(--scrollbar-width); } ::-webkit-scrollbar-thumb { background: var(--scrollbar-handle-color); diff --git a/styles/sheets/actor/char-sheet/v2/v2.scss b/styles/sheets/actor/char-sheet/v2/v2.scss index aacb042..a043453 100644 --- a/styles/sheets/actor/char-sheet/v2/v2.scss +++ b/styles/sheets/actor/char-sheet/v2/v2.scss @@ -22,6 +22,7 @@ .scrollable { container-type: size; overflow: auto; + scrollbar-gutter: stable; } .nav-bar {