38 lines
853 B
SCSS
38 lines
853 B
SCSS
@mixin set-scrollbar-style($style, $selctor) {
|
|
::-webkit-scrollbar {
|
|
width: 3px !important;
|
|
height: 3px !important;
|
|
}
|
|
|
|
#{$selctor}::-webkit-scrollbar-track {
|
|
border-radius: 10px !important;
|
|
width: 3px !important;
|
|
@if ($style == 'light') {
|
|
background: #8a8a8a !important;
|
|
|
|
} @else if ($style == 'dark') {
|
|
background: white !important;
|
|
};
|
|
}
|
|
|
|
#{$selctor}::-webkit-scrollbar-thumb {
|
|
@if ($style == 'dark') {
|
|
background: #8a8a8a !important;
|
|
|
|
} @else if ($style == 'light') {
|
|
background: white !important;
|
|
};
|
|
border-radius: 10px !important;
|
|
}
|
|
|
|
#{$selctor}::-webkit-scrollbar-thumb:hover {
|
|
@if ($style == 'dark') {
|
|
background: #424242 !important;
|
|
|
|
} @else if ($style == 'light') {
|
|
background: #9d9d9d !important;
|
|
};
|
|
cursor: pointer !important;
|
|
}
|
|
}
|