templates/@theme-base/pm-styles/_pm-custom-scrollbar.scss


1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30

$scrollbar-width: 6px !default;
$scrollbar-color: $black !default;
$scrollbar-thumb-color: #586065 !default;
$scrollbar-thumb-height: 40px !default;

.customScrollBar-container {
  scrollbar-color: $scrollbar-thumb-color $black;
  scrollbar-width: thin;
}

.customScrollBar-container::-webkit-scrollbar {
  width: $scrollbar-width;
}
.customScrollBar-container::-webkit-scrollbar-button:start:decrement,
.customScrollBar-container::-webkit-scrollbar-button:end:increment,
.customScrollBar-container::-webkit-scrollbar-button:vertical:start:increment,
.customScrollBar-container::-webkit-scrollbar-button:vertical:end:decrement {
  display: none;
}
.customScrollBar-container::-webkit-scrollbar-track:vertical,
.customScrollBar-container::-webkit-scrollbar-track-piece {
  background-color: $black;
  border: 0;
  border-radius: #{$scrollbar-width/2};
}
::-webkit-scrollbar-thumb:vertical {
  height: $scrollbar-thumb-height;
  background-color: $scrollbar-thumb-color;
  border-radius: #{$scrollbar-width/2};
}