63 lines
1.3 KiB
Plaintext
63 lines
1.3 KiB
Plaintext
|
////////////////////////////////////////
|
||
|
|
////////////// - Imports - /////////////
|
||
|
|
////////////////////////////////////////
|
||
|
|
|
||
|
|
@import "constants";
|
||
|
|
|
||
|
|
////////////////////////////////////////
|
||
|
|
/////////// - Scroll Bars - ////////////
|
||
|
|
////////////////////////////////////////
|
||
|
|
|
||
|
|
aside,
|
||
|
|
.login-block,
|
||
|
|
.minimal-scrollbars,
|
||
|
|
.minimal-scrollbars.all-children * {
|
||
|
|
scrollbar-width: thin;
|
||
|
|
|
||
|
|
////////////////////////////////////////
|
||
|
|
|
||
|
|
&::-webkit-scrollbar {
|
||
|
|
width: 5px;
|
||
|
|
}
|
||
|
|
|
||
|
|
////////////////////////////////////////
|
||
|
|
|
||
|
|
&::-webkit-scrollbar-track {
|
||
|
|
background: @slate_200;
|
||
|
|
}
|
||
|
|
|
||
|
|
////////////////////////////////////////
|
||
|
|
|
||
|
|
&::-webkit-scrollbar-thumb {
|
||
|
|
background: @slate_300;
|
||
|
|
border-radius: 3px;
|
||
|
|
|
||
|
|
&:hover {
|
||
|
|
background: @slate_500;
|
||
|
|
}
|
||
|
|
}
|
||
|
|
}
|
||
|
|
|
||
|
|
////////////////////////////////////////
|
||
|
|
///////////// - Dark Mode - ////////////
|
||
|
|
////////////////////////////////////////
|
||
|
|
|
||
|
|
html.dark aside,
|
||
|
|
html.dark .login-block,
|
||
|
|
html.dark .minimal-scrollbars,
|
||
|
|
html.dark .minimal-scrollbars.all-children * {
|
||
|
|
&::-webkit-scrollbar-track {
|
||
|
|
background: @slate_500;
|
||
|
|
}
|
||
|
|
|
||
|
|
////////////////////////////////////////
|
||
|
|
|
||
|
|
&::-webkit-scrollbar-thumb {
|
||
|
|
background: @slate_600;
|
||
|
|
|
||
|
|
&:hover {
|
||
|
|
background: @slate_400;
|
||
|
|
}
|
||
|
|
}
|
||
|
|
}
|