c1176a2e6c
* Fix custom scrollbar not showing * Move body selector out of scrollbar mixin * Apply custom scrollbar to child elements too * Remove some duplicate definitions * Run prettier
49 lines
987 B
SCSS
49 lines
987 B
SCSS
/* Copyright: Ankitects Pty Ltd and contributors
|
|
* License: GNU AGPL, version 3 or later; http://www.gnu.org/licenses/agpl.html */
|
|
|
|
@use "vars";
|
|
|
|
@mixin custom {
|
|
&::-webkit-scrollbar {
|
|
background-color: vars.color(canvas);
|
|
|
|
&:horizontal {
|
|
height: 12px;
|
|
}
|
|
|
|
&:vertical {
|
|
width: 12px;
|
|
}
|
|
}
|
|
|
|
&::-webkit-scrollbar-thumb {
|
|
background: vars.color(scrollbar-bg);
|
|
border-radius: vars.prop(border-radius);
|
|
|
|
&:horizontal {
|
|
min-width: 50px;
|
|
}
|
|
|
|
&:vertical {
|
|
min-height: 50px;
|
|
}
|
|
|
|
&:hover {
|
|
background: vars.color(scrollbar-bg-hover);
|
|
}
|
|
|
|
&:active {
|
|
background: vars.color(scrollbar-bg-active);
|
|
}
|
|
}
|
|
|
|
&::-webkit-scrollbar-corner {
|
|
background-color: vars.color(canvas);
|
|
}
|
|
|
|
&::-webkit-scrollbar-track {
|
|
border-radius: 5px;
|
|
background-color: transparent;
|
|
}
|
|
}
|