66 lines
1.1 KiB
SCSS
66 lines
1.1 KiB
SCSS
/*-----------------------------------------------
|
|
| Scrollbar style for windows
|
|
-----------------------------------------------*/
|
|
|
|
.scrollbar,
|
|
.scrollbar-overlay {
|
|
@include chrome-scrollbar;
|
|
}
|
|
.navbar-vibrant {
|
|
.scrollbar {
|
|
@include chrome-scrollbar(rgba($white, 0.4));
|
|
}
|
|
}
|
|
|
|
.firefox {
|
|
.scrollbar {
|
|
@include firefox-scrollbar;
|
|
}
|
|
.navbar-vibrant {
|
|
.scrollbar {
|
|
@include firefox-scrollbar(rgba($white, 0.4));
|
|
}
|
|
}
|
|
}
|
|
|
|
.os-theme-dark {
|
|
& > .os-scrollbar {
|
|
& > .os-scrollbar-track > .os-scrollbar-handle {
|
|
background: $scrollbar-bg;
|
|
}
|
|
@include hover-focus {
|
|
& > .os-scrollbar-track > .os-scrollbar-handle {
|
|
background: $scrollbar-bg;
|
|
}
|
|
}
|
|
}
|
|
}
|
|
|
|
/*-----------------------------------------------
|
|
| Simplebar
|
|
-----------------------------------------------*/
|
|
|
|
.simplebar-track {
|
|
&.simplebar-vertical {
|
|
width: 10px;
|
|
}
|
|
}
|
|
.simplebar-scrollbar {
|
|
&::before {
|
|
background: $scrollbar-bg;
|
|
}
|
|
&.simplebar-visible {
|
|
&::before {
|
|
opacity: 1;
|
|
}
|
|
}
|
|
}
|
|
|
|
.simplebar-content-wrapper {
|
|
&::-webkit-scrollbar {
|
|
display: none;
|
|
width: 0;
|
|
height: 0;
|
|
}
|
|
}
|