9f312e1c6c
Added a scrollbar that adapts dynamically to situations. This scrollbar adapts to darkmode and to using mobile devices.
55 lines
826 B
Plaintext
55 lines
826 B
Plaintext
html
|
|
height 100%
|
|
font-family "Ubuntu", "Trebuchet MS", sans-serif
|
|
font-size 90%
|
|
|
|
body
|
|
tab-size 4
|
|
overflow hidden
|
|
height 100%
|
|
color text-color
|
|
background-color bg-color
|
|
noise-strong
|
|
|
|
a
|
|
color link-color
|
|
text-decoration none
|
|
default-transition
|
|
|
|
:hover
|
|
color link-hover-color
|
|
text-decoration none
|
|
|
|
:active
|
|
transform translateY(3px)
|
|
|
|
// &.active
|
|
// color link-active-color
|
|
|
|
img
|
|
backface-visibility hidden
|
|
color transparent
|
|
|
|
rt
|
|
user-select none
|
|
|
|
.hidden
|
|
display none !important
|
|
|
|
.text-center
|
|
text-align center
|
|
|
|
.spacer
|
|
flex 1
|
|
@media (hover : hover) and (pointer : fine)
|
|
body
|
|
scrollbar-color text-color bg-color
|
|
::-webkit-scrollbar
|
|
width 8px
|
|
::-webkit-scrollbar-track
|
|
background var(--bg-color)
|
|
border-radius 20px
|
|
::-webkit-scrollbar-thumb
|
|
background var(--text-color)
|
|
border-radius 20px
|