diff options
| author | Armand Philippot <git@armandphilippot.com> | 2022-01-14 18:35:15 +0100 |
|---|---|---|
| committer | Armand Philippot <git@armandphilippot.com> | 2022-01-14 18:35:15 +0100 |
| commit | 8af633650cdabb1281ae65e67ee4509792484874 (patch) | |
| tree | eca6bfa4b03aacf64c061b6b0b856e4e0553863c /src/styles | |
| parent | a93b026af98ef5d20f242633871a2b222eb090b5 (diff) | |
chore: customize browser scrollbar
Diffstat (limited to 'src/styles')
| -rw-r--r-- | src/styles/base/_base.scss | 20 |
1 files changed, 20 insertions, 0 deletions
diff --git a/src/styles/base/_base.scss b/src/styles/base/_base.scss index e786b17..a62a0d9 100644 --- a/src/styles/base/_base.scss +++ b/src/styles/base/_base.scss @@ -29,6 +29,26 @@ summary { cursor: pointer; } +* { + scrollbar-color: var(--color-shadow) var(--color-bg-tertiary); + scrollbar-width: auto; +} + +*::-webkit-scrollbar { + width: fun.convert-px(12); + height: fun.convert-px(12); +} + +*::-webkit-scrollbar-track { + background: var(--color-bg-tertiary); +} + +*::-webkit-scrollbar-thumb { + background-color: var(--color-shadow); + border-radius: fun.convert-px(6); + border: fun.convert-px(3) solid var(--color-bg-tertiary); +} + body { display: flex; flex-flow: column nowrap; |