@nodeject/ui-components
Version:
UI library for non-trivial components
66 lines (62 loc) • 2.05 kB
text/less
.fancyScrollbar {
-webkit-overflow-scrolling: touch;
// -webkit-transform:translateZ(0)
}
// .fancyScrollbar::-webkit-scrollbar {
// width: 16px;
// height: 18px;
// }
// .fancyScrollbar::-webkit-scrollbar-thumb {
// height: 6px;
// border: 4px solid rgba(0, 0, 0, 0);
// background-clip: padding-box;
// border-radius: 7px;
// -webkit-border-radius: 7px;
// background-color: rgba(0, 0, 0, 0.15);
// box-shadow: inset -1px -1px 0px rgba(0, 0, 0, 0.05), inset 1px 1px 0px rgba(0, 0, 0, 0.05);
// -webkit-box-shadow: inset -1px -1px 0px rgba(0, 0, 0, 0.05), inset 1px 1px 0px rgba(0, 0, 0, 0.05);
// }
// .fancyScrollbar::-webkit-scrollbar-button {
// width: 0;
// height: 0;
// display: none;
// }
// .fancyScrollbar::-webkit-scrollbar-corner {
// background-color: transparent;
// }
.fancyScrollbar::-webkit-scrollbar {
width: 16px;
height: 18px;
}
.fancyScrollbar::-webkit-scrollbar-button:end:increment,
.fancyScrollbar::-webkit-scrollbar-button:start:decrement {
background: transparent;
display: none;
}
.fancyScrollbar::-webkit-scrollbar-track-piece {
background: inherit;
}
.fancyScrollbar::-webkit-scrollbar-track-piece:vertical:start {
border-radius: 4px 4px 0 0;
}
.fancyScrollbar::-webkit-scrollbar-track-piece:vertical:end {
border-radius: 0 0 4px 4px;
}
.fancyScrollbar::-webkit-scrollbar-track-piece:horizontal:start {
border-radius: 4px 0 0 4px;
}
.fancyScrollbar::-webkit-scrollbar-track-piece:horizontal:end {
border-radius: 0 4px 4px 0;
}
.fancyScrollbar::-webkit-scrollbar-thumb:horizontal,
.fancyScrollbar::-webkit-scrollbar-thumb:vertical {
background: rgba(9, 30, 66, .13);
border: 4px solid rgba(0, 0, 0, 0);
background-clip: padding-box;
display: block;
height: 48px;
border-radius: 7px;
-webkit-border-radius: 7px;
box-shadow: inset -1px -1px 0px rgba(0, 0, 0, 0.05), inset 1px 1px 0px rgba(0, 0, 0, 0.05);
-webkit-box-shadow: inset -1px -1px 0px rgba(0, 0, 0, 0.05), inset 1px 1px 0px rgba(0, 0, 0, 0.05);
}