react-perfect-scrollbar
Version:
A react wrapper for perfect-scrollbar
1 lines • 4.13 kB
Source Map (JSON)
{"version":3,"sources":["webpack:///./node_modules/_perfect-scrollbar@1.5.0@perfect-scrollbar/css/perfect-scrollbar.css","webpack:///./src/styles.scss"],"names":[],"mappings":"AAAA;;GAEG;AACH;EACE,4BAA4B;EAC5B,sBAAsB;EACtB,yBAAyB;EACzB,mBAAmB;EACnB,uBAAuB;CACxB;;AAED;;GAEG;AACH;EACE,cAAc;EACd,WAAW;EACX,4DAA4D;EAC5D,oEAAoE;EACpE,aAAa;EACb,oDAAoD;EACpD,YAAY;EACZ,oCAAoC;EACpC,mBAAmB;CACpB;;AAED;EACE,cAAc;EACd,WAAW;EACX,4DAA4D;EAC5D,oEAAoE;EACpE,YAAY;EACZ,oDAAoD;EACpD,SAAS;EACT,oCAAoC;EACpC,mBAAmB;CACpB;;AAED;;EAEE,eAAe;EACf,8BAA8B;CAC/B;;AAED;;;;;;EAME,aAAa;CACd;;AAED;;;;;;EAME,uBAAuB;EACvB,aAAa;CACd;;AAED;;GAEG;AACH;EACE,uBAAuB;EACvB,mBAAmB;EACnB,gEAAgE;EAChE,wEAAwE;EACxE,YAAY;EACZ,4CAA4C;EAC5C,YAAY;EACZ,oCAAoC;EACpC,mBAAmB;CACpB;;AAED;EACE,uBAAuB;EACvB,mBAAmB;EACnB,+DAA+D;EAC/D,uEAAuE;EACvE,WAAW;EACX,2CAA2C;EAC3C,WAAW;EACX,oCAAoC;EACpC,mBAAmB;CACpB;;AAED;;;EAGE,uBAAuB;EACvB,aAAa;CACd;;AAED;;;EAGE,uBAAuB;EACvB,YAAY;CACb;;AAED,iBAAiB;AACjB;EACE;IACE,0BAA0B;GAC3B;CACF;;AAED;EACE;IACE,0BAA0B;GAC3B;CACF;ACjHD,qBACE,kBACA,WAAY,CACb","file":"css/styles.min.css","sourcesContent":["/*\n * Container style\n */\n.ps {\n overflow: hidden !important;\n overflow-anchor: none;\n -ms-overflow-style: none;\n touch-action: auto;\n -ms-touch-action: auto;\n}\n\n/*\n * Scrollbar rail styles\n */\n.ps__rail-x {\n display: none;\n opacity: 0;\n transition: background-color .2s linear, opacity .2s linear;\n -webkit-transition: background-color .2s linear, opacity .2s linear;\n height: 15px;\n /* there must be 'bottom' or 'top' for ps__rail-x */\n bottom: 0px;\n /* please don't change 'position' */\n position: absolute;\n}\n\n.ps__rail-y {\n display: none;\n opacity: 0;\n transition: background-color .2s linear, opacity .2s linear;\n -webkit-transition: background-color .2s linear, opacity .2s linear;\n width: 15px;\n /* there must be 'right' or 'left' for ps__rail-y */\n right: 0;\n /* please don't change 'position' */\n position: absolute;\n}\n\n.ps--active-x > .ps__rail-x,\n.ps--active-y > .ps__rail-y {\n display: block;\n background-color: transparent;\n}\n\n.ps:hover > .ps__rail-x,\n.ps:hover > .ps__rail-y,\n.ps--focus > .ps__rail-x,\n.ps--focus > .ps__rail-y,\n.ps--scrolling-x > .ps__rail-x,\n.ps--scrolling-y > .ps__rail-y {\n opacity: 0.6;\n}\n\n.ps .ps__rail-x:hover,\n.ps .ps__rail-y:hover,\n.ps .ps__rail-x:focus,\n.ps .ps__rail-y:focus,\n.ps .ps__rail-x.ps--clicking,\n.ps .ps__rail-y.ps--clicking {\n background-color: #eee;\n opacity: 0.9;\n}\n\n/*\n * Scrollbar thumb styles\n */\n.ps__thumb-x {\n background-color: #aaa;\n border-radius: 6px;\n transition: background-color .2s linear, height .2s ease-in-out;\n -webkit-transition: background-color .2s linear, height .2s ease-in-out;\n height: 6px;\n /* there must be 'bottom' for ps__thumb-x */\n bottom: 2px;\n /* please don't change 'position' */\n position: absolute;\n}\n\n.ps__thumb-y {\n background-color: #aaa;\n border-radius: 6px;\n transition: background-color .2s linear, width .2s ease-in-out;\n -webkit-transition: background-color .2s linear, width .2s ease-in-out;\n width: 6px;\n /* there must be 'right' for ps__thumb-y */\n right: 2px;\n /* please don't change 'position' */\n position: absolute;\n}\n\n.ps__rail-x:hover > .ps__thumb-x,\n.ps__rail-x:focus > .ps__thumb-x,\n.ps__rail-x.ps--clicking .ps__thumb-x {\n background-color: #999;\n height: 11px;\n}\n\n.ps__rail-y:hover > .ps__thumb-y,\n.ps__rail-y:focus > .ps__thumb-y,\n.ps__rail-y.ps--clicking .ps__thumb-y {\n background-color: #999;\n width: 11px;\n}\n\n/* MS supports */\n@supports (-ms-overflow-style: none) {\n .ps {\n overflow: auto !important;\n }\n}\n\n@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {\n .ps {\n overflow: auto !important;\n }\n}\n\n\n\n// WEBPACK FOOTER //\n// ./node_modules/_perfect-scrollbar@1.5.0@perfect-scrollbar/css/perfect-scrollbar.css","@import '../node_modules/perfect-scrollbar/css/perfect-scrollbar.css';\n\n.scrollbar-container {\n position: relative;\n height: 100%;\n}\n\n\n\n// WEBPACK FOOTER //\n// ./src/styles.scss"],"sourceRoot":""}