elara-ui/lib/theme/scrollbar.css

Elara based on element-ui, and add other usefull components

.elara-scrollbar{overflow:hidden;position:relative}.elara-scrollbar:active>.elara-scrollbar__bar,.elara-scrollbar:focus>.elara-scrollbar__bar,.elara-scrollbar:hover>.elara-scrollbar__bar{opacity:1;-webkit-transition:opacity 340ms ease-out;transition:opacity 340ms ease-out}.elara-scrollbar__wrap{overflow:scroll;height:100%}.elara-scrollbar__wrap--hidden-default{scrollbar-width:none}.elara-scrollbar__wrap--hidden-default::-webkit-scrollbar{width:0;height:0}.elara-scrollbar__thumb{position:relative;display:block;width:0;height:0;cursor:pointer;border-radius:inherit;background-color:rgba(144,147,153,.3);-webkit-transition:.3s background-color;transition:.3s background-color}.elara-scrollbar__thumb:hover{background-color:rgba(144,147,153,.5)}.elara-scrollbar__bar{position:absolute;right:2px;bottom:2px;z-index:1;border-radius:4px;opacity:0;-webkit-transition:opacity 120ms ease-out;transition:opacity 120ms ease-out}.elara-scrollbar__bar.is-vertical{width:6px;top:2px}.elara-scrollbar__bar.is-vertical>div{width:100%}.elara-scrollbar__bar.is-horizontal{height:6px;left:2px}.elara-scrollbar__bar.is-horizontal>div{height:100%}