61 lines
1.1 KiB
CSS
Executable File
61 lines
1.1 KiB
CSS
Executable File
/* Firefox */
|
|
* {
|
|
scrollbar-width: 6px;
|
|
scrollbar-height: 6px;
|
|
scrollbar-color: #9ca3af #cddee3;
|
|
}
|
|
|
|
/* Chrome, Edge, and Safari */
|
|
::-webkit-scrollbar {
|
|
width: 6px;
|
|
height: 6px;
|
|
}
|
|
|
|
::-webkit-scrollbar-track {
|
|
border-radius: 6px;
|
|
}
|
|
|
|
::-webkit-scrollbar-thumb {
|
|
background: #cddee3;
|
|
border-radius: 10px;
|
|
}
|
|
|
|
::-webkit-scrollbar-thumb:hover {
|
|
background: #9abdc6;
|
|
}
|
|
|
|
* { -webkit-tap-highlight-color: rgba(0,0,0,0); }
|
|
.no-scroll-bar {
|
|
-ms-overflow-style: none;
|
|
scrollbar-width: none;
|
|
}
|
|
|
|
.no-scroll-bar::-webkit-scrollbar {
|
|
display: none;
|
|
}
|
|
|
|
.scroll-container::-webkit-scrollbar {
|
|
width: 8px;
|
|
height: 8px;
|
|
background-color: #F3F4F6;
|
|
transition: background-color 0.5s;
|
|
}
|
|
|
|
.scroll-container::-webkit-scrollbar-thumb {
|
|
border-radius: 8px;
|
|
background-color: #D1D5DB;
|
|
transition: background-color 0.5s;
|
|
}
|
|
|
|
.scroll-hidden::-webkit-scrollbar {
|
|
width: 8px;
|
|
height: 8px;
|
|
background-color: transparent;
|
|
transition: background-color 0.5s;
|
|
}
|
|
|
|
.scroll-hidden::-webkit-scrollbar-thumb {
|
|
border-radius: 8px;
|
|
background-color: transparent;
|
|
transition: background-color 0.5s;
|
|
} |