From 1eb367a05c45eeedf634847817fe83d9577c1ebd Mon Sep 17 00:00:00 2001
From: ltGuillaume <ltguillaume@users.noreply.github.com>
Date: Tue, 28 Feb 2023 15:40:01 +0000
Subject: [PATCH] Stylize scrollbars
---
assets/sass/_base.sass | 9 +++++++++
assets/sass/_variables.sass | 2 ++
2 files changed, 11 insertions(+), 0 deletions(-)
diff --git a/assets/sass/_base.sass b/assets/sass/_base.sass
index e0df7d9..9999b1e 100644
--- a/assets/sass/_base.sass
+++ b/assets/sass/_base.sass
@@ -2,6 +2,15 @@
box-sizing: border-box
margin: 0
padding: 0
+ scrollbar-color: var(--scroll-thumb) transparent
+ scrollbar-width: thin
+
+::-webkit-scrollbar
+ width: .5rem
+
+::-webkit-scrollbar-thumb
+ background: var(--scroll-thumb)
+ border-radius: .25rem
body, html
scroll-behavior: smooth
diff --git a/assets/sass/_variables.sass b/assets/sass/_variables.sass
index 08a1433..c706da1 100644
--- a/assets/sass/_variables.sass
+++ b/assets/sass/_variables.sass
@@ -14,6 +14,7 @@
--inline-color: darkgoldenrod
--theme: rgb(52,199,89)
--ease: ease
+ --scroll-thumb: #e8e8e8
--search-border-color: transparent
--next-icon-path: url(../images/icons/double-arrow.svg)
--never-icon-path: url(../images/sitting.svg)
@@ -26,6 +27,7 @@
--accent: var(--bubble)
--overlay: var(--bubble)
--border-color: transparent
+ --scroll-thumb: #2a2a2c
--search-bg: var(--accent)
--search-border-color: var(--accent)
*
--
Gitblit v1.10.0