mirror of
https://github.com/zoriya/flood.git
synced 2025-12-20 14:15:15 +00:00
41 lines
864 B
SCSS
41 lines
864 B
SCSS
$scrollbar--thumb--background--inactive: rgba(#1a2f3d, 0.3);
|
|
$scrollbar--thumb--background--hover: rgba(#1a2f3d, 0.6);
|
|
$scrollbar--thumb--background--inverted--inactive: rgba(#e9eef2, 0.3);
|
|
$scrollbar--thumb--background--inverted--hover: rgba(#e9eef2, 0.6);
|
|
|
|
.scrollbars {
|
|
|
|
&__thumb {
|
|
background: $scrollbar--thumb--background--inactive;
|
|
border-radius: 10px;
|
|
cursor: pointer;
|
|
opacity: 0;
|
|
transition: background 0.25s, opacity 0.5s;
|
|
|
|
&:active {
|
|
opacity: 1;
|
|
}
|
|
|
|
&:hover,
|
|
&:active {
|
|
background: $scrollbar--thumb--background--hover;
|
|
}
|
|
|
|
.is-inverted & {
|
|
background: $scrollbar--thumb--background--inverted--inactive;
|
|
|
|
&:hover,
|
|
&:active {
|
|
background: $scrollbar--thumb--background--inverted--hover;
|
|
}
|
|
}
|
|
}
|
|
|
|
&:hover {
|
|
|
|
.scrollbars__thumb {
|
|
opacity: 1;
|
|
}
|
|
}
|
|
}
|