Stylize scrollbars

ltGuillaume

23.46.2023 1eb367a05c45eeedf634847817fe83d9577c1ebd

Stylize scrollbars

 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

 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)
    *