/
scrollbar.css
37 lines (33 loc) · 877 Bytes
/
scrollbar.css
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
31
32
33
34
35
36
37
.nextra-scrollbar {
scrollbar-width: thin; /* Firefox */
scrollbar-color: rgba(115, 115, 115, 0.4) transparent; /* Firefox */
scrollbar-gutter: stable;
&::-webkit-scrollbar {
@apply nx-w-3 nx-h-1.5;
}
&::-webkit-scrollbar-track {
@apply nx-bg-transparent;
}
&::-webkit-scrollbar-thumb {
@apply nx-rounded-[10px];
}
&:hover::-webkit-scrollbar-thumb {
border: 3px solid transparent;
background-color: var(--tw-shadow-color);
background-clip: content-box;
@apply nx-shadow-neutral-500/20 hover:nx-shadow-neutral-500/40;
}
@media (max-width: 767px) {
.nextra-container & {
scrollbar-gutter: auto;
}
}
}
/* Hide scrollbar */
.no-scrollbar {
scrollbar-width: none; /* Firefox */
-ms-overflow-style: none; /* IE and Edge */
&::-webkit-scrollbar {
@apply nx-hidden; /* Chrome, Safari and Opera */
}
}