@adoratorio/hades
Version:
A smooth scrollbar based on Hermes, scroll down 'till hell
3 lines • 1.19 kB
TypeScript
declare const style = "\n.scrollbar__wrapper {\n position: fixed;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n pointer-events: none;\n}\n[data-scrollbar] {\n display: block;\n position: absolute;\n z-index: 1;\n opacity: 0;\n background: rgba(222, 222, 222, .75);\n pointer-events: auto;\n -webkit-user-select: none;\n -moz-user-select: none;\n -ms-user-select: none;\n user-select: none;\n\n -webkit-transition: opacity 0.5s 0.5s ease-out;\n transition: opacity 0.5s 0.5s ease-out;\n}\n[data-scrollbar=\"track-x\"] {\n left: 0;\n bottom: 0;\n width: 100%;\n height: 8px;\n}\n[data-scrollbar=\"track-y\"] {\n top: 0;\n right: 0;\n width: 8px;\n height: 100%;\n}\n[data-scrollbar].show,\n[data-scrollbar]:hover {\n opacity: 1;\n -webkit-transition-delay: 0s;\n transition-delay: 0s;\n}\n.scrollbar__thumb {\n position: absolute;\n top: 0;\n left: 0;\n background: rgba(0, 0, 0, .5);\n border-radius: 4px;\n}\n[data-scrollbar=\"track-x\"] .scrollbar__thumb {\n width: 100px;\n height: 8px;\n}\n[data-scrollbar=\"track-y\"] .scrollbar__thumb {\n width: 8px;\n height: 100px;\n}\n";
export default style;
//# sourceMappingURL=style.d.ts.map