hide-scrollbar-react
Version:
just type the code <Scrollable>{your-great-contents}</Scrollable>
1 lines • 3.06 kB
Source Map (JSON)
{"version":3,"sources":["webpack://_exl_scrollable/./src/Scrollable/Scrollable.scss"],"names":[],"mappings":";;;;AAAA,uBAAuB,kBAAkB,YAAY,oDAAoD,WAAW,YAAY,mBAAmB,gBAAgB,8BAA8B,sBAAsB,kBAAkB,wBAAwB,uEAAuE,aAAa,4DAA4D,kBAAkB,QAAQ,QAAQ,cAAc,8BAA8B,sBAAsB,WAAW,WAAW,UAAU,iBAAiB,cAAc,uCAAuC,qCAAqC,gCAAgC,6BAA6B,yBAAyB,sBAAsB,qBAAqB,iBAAiB,sEAAsE,UAAU,mEAAmE,UAAU,kEAAkE,UAAU,mEAAmE,UAAU,mEAAmE,WAAW,kBAAkB,QAAQ,WAAW,WAAW,SAAS,uCAAuC,kEAAkE,WAAW,kBAAkB,QAAQ,WAAW,WAAW,YAAY,uCAAuC,+FAA+F,kBAAkB,UAAU,UAAU,WAAW,uCAAuC,2CAA2C,sCAAsC,mCAAmC,yBAAyB,sBAAsB,qBAAqB,iBAAiB,qGAAqG,uCAAuC,wIAAwI,uCAAuC,sGAAsG,sBAAsB,4BAA4B,4DAA4D","file":"main.bd51a3d0.css","sourcesContent":["section.exl-scrollable{position:relative;height:100%}section.exl-scrollable>div.exl-scrollable-container{width:100%;height:100%;overflow-x:visible;overflow-y:auto;-webkit-box-sizing:border-box;box-sizing:border-box;position:relative;-ms-overflow-style:none}section.exl-scrollable>div.exl-scrollable-container::-webkit-scrollbar{display:none}section.exl-scrollable>div.exl-scrollable-scrollbar-wrapper{position:absolute;top:2px;right:0;padding:0 1px;-webkit-box-sizing:border-box;box-sizing:border-box;bottom:2px;width:10px;opacity:0;overflow:visible;z-index:10000;background-color:rgba(240,240,240,0.3);-webkit-transition:opacity 0.2s ease;-o-transition:opacity 0.2s ease;transition:opacity 0.2s ease;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}section.exl-scrollable>div.exl-scrollable-scrollbar-wrapper.disappear{opacity:0}section.exl-scrollable>div.exl-scrollable-scrollbar-wrapper.appear{opacity:1}section.exl-scrollable>div.exl-scrollable-scrollbar-wrapper:hover{opacity:1}section.exl-scrollable>div.exl-scrollable-scrollbar-wrapper:active{opacity:1}section.exl-scrollable>div.exl-scrollable-scrollbar-wrapper:before{content:\"\";position:absolute;right:0;width:10px;height:2px;top:-2px;background-color:rgba(240,240,240,0.3)}section.exl-scrollable>div.exl-scrollable-scrollbar-wrapper:after{content:\"\";position:absolute;right:0;width:10px;height:2px;bottom:-2px;background-color:rgba(240,240,240,0.3)}section.exl-scrollable>div.exl-scrollable-scrollbar-wrapper>div.exl-scrollable-scrollbar-thumb{position:absolute;right:2px;width:6px;height:6px;background-color:rgba(102,102,102,0.8);-webkit-transition:height 0.4s ease-in-out;-o-transition:height 0.4s ease-in-out;transition:height 0.4s ease-in-out;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}section.exl-scrollable>div.exl-scrollable-scrollbar-wrapper>div.exl-scrollable-scrollbar-thumb:hover{background-color:rgba(102,102,102,0.9)}section.exl-scrollable>div.exl-scrollable-scrollbar-wrapper>div.exl-scrollable-scrollbar-thumb:hover>div.exl-scrollable-scrollbar-thumb{background-color:rgba(102,102,102,0.9)}section.exl-scrollable>div.exl-scrollable-scrollbar-wrapper>div.exl-scrollable-scrollbar-thumb:active{background-color:#666}@-moz-document url-prefix(){section.exl-scrollable>div.exl-scrollable-scrollbar-wrapper{display:none}}\n"],"sourceRoot":""}