mirror of
https://github.com/tenrok/OverlayScrollbars.git
synced 2026-05-18 00:29:40 +03:00
Rene Haas
1 line
9.9 KiB
Plaintext
1 line
9.9 KiB
Plaintext
{"version":3,"sources":["index.css","App.css"],"names":[],"mappings":"AAAA,UACE,QAAS,CACT,SAAU,CACV,sBAAuB,CACvB,cAAe,CACf,aAAc,CACd,qBACF,CACA,EACE,kBACF,CCVA,KACE,eACF,CACA,QACE,kBAAmB,CAEnB,6DAAqE,CACrE,6DAA6D,CAA7D,qDAA6D,CAC7D,QAAS,CACT,UAAW,CACX,mBAAqB,CACrB,sCAA6C,CAC7C,YAAa,CACb,qBAAsB,CACtB,gBAAiB,CACjB,sBAAuB,CACvB,kBAAmB,CACnB,WAAY,CACZ,uFAAiG,CACjG,iBAAkB,CAClB,SACF,CACA,aACE,iBAAkB,CAElB,aAAc,CACd,YAAc,CACd,eAAgB,CAChB,cAAe,CACf,aAAgB,CAChB,sCACF,CACA,2BACE,aAAc,CACd,eACF,CACA,wBACE,aACF,CACA,4BACE,aACF,CACA,0BACE,aAAc,CACd,eACF,CACA,SACE,6BAA8B,CAC9B,iBAAkB,CAClB,YAAa,CACb,qBAAsB,CACtB,gBAAiB,CACjB,cACF,CACA,iBACE,iBAAkB,CAClB,cAAiB,CACjB,eAAgB,CAChB,SAAU,CACV,eACF,CACA,4BACE,WACF,CACA,+CAEE,UAAW,CACX,aAAc,CACd,iBAAkB,CAClB,KAAM,CACN,OAAQ,CACR,QAAS,CACT,MAAO,CACP,UACF,CACA,mCACE,kBACF,CAKA,oHACE,eACF,CACA,+EAEE,kBACF,CAKA,oJAEE,8BAAuB,CAAvB,sBACF,CACA,sGAEE,KACF,CACA,8CACE,SACF,CACA,6CACE,YACF,CACA,wCACE,KACF,CACA,kDACE,QACF,CACA,yCACE,mBACF,CACA,uCACE,sBACF,CACA,wCACE,eAAiB,CACjB,cAAe,CACf,oBAAiB,CAAjB,gBAAiB,CACjB,qBAAsB,CACtB,wBACF,CACA,2DACE,oBAAqB,CACrB,iBAAkB,CAClB,YAAa,CACb,WAAY,CACZ,qBACF,CACA,uBACE,kBACF,CACA,0BACE,iBAAkB,CAClB,cAAe,CACf,aAAc,CACd,aACF,CACA,6BACE,eAAgB,CAChB,aACF,CACA,gCACE,WACF,CACA,gCACE,gBACF,CACA,4CACE,gBAAiB,CACjB,eAAiB,CACjB,kBACF,CACA,iDACE,YACF,CACA,gDACE,eAAgB,CAChB,aAAc,CACd,eACF,CACA,yBACE,aAAc,CACd,aACF,CACA,6EAEE,wBAAyB,CACzB,WAAY,CACZ,gBAAiB,CACjB,qBAA2B,CAC3B,iBAAkB,CAClB,YAAa,CACb,gBACF,CACA,wGAEE,wBAAyB,CACzB,UAAW,CACX,WAAY,CACZ,gBACF,CACA,wCACE,oBAAqB,CACrB,eAAgB,CAChB,kBAAmB,CACnB,aAAgB,CAChB,UAAW,CACX,2BAA6B,CAC7B,wBAAyB,CACzB,cAAe,CACf,2CAAgD,CAChD,aACF,CACA,iCACE,aAAc,CACd,aACF,CACA,WACE,kBAAmB,CACnB,eAAgB,CAChB,UAAW,CACX,kBAAmB,CACnB,iBAAkB,CAClB,wBAAyB,CACzB,eAAiB,CACjB,cACF,CACA,EACE,oBAAqB,CACrB,oBAAqB,CACrB,iBAAkB,CAClB,aAAc,CACd,4CAAwC,CAAxC,oCAAwC,CACxC,qCAA4C,CAC5C,aAAgB,CAChB,eAAgB,CAChB,sBAAwB,CACxB,cAAe,CACf,SACF,CACA,QACE,UAAW,CACX,qCACF,CACA,SACE,UAAW,CACX,iBAAkB,CAClB,aAAc,CACd,QAAS,CACT,MAAO,CACP,SAAU,CACV,UAAW,CACX,sBAAuB,CACvB,UAAW,CACX,gCAAiC,CACjC,8DAA4D,CAA5D,sDACF,CACA,eACE,WAAY,CACZ,kBAAmB,CACnB,+BACF,CACA,SACE,aAAc,CACd,aACF,CACA,OACE,cAAe,CACf,gBAAiB,CACjB,sBAAuB,CACvB,eAAiB,CACjB,aAAc,CACd,gBAAiB,CACjB,wBAAyB,CACzB,iBAAkB,CAClB,cAAe,CACf,iFAAiF,CAAjF,yEAAiF,CACjF,cAAiB,CACjB,aAAc,CACd,UAAW,CACX,UAAW,CACX,iBAAkB,CAClB,0BAA+B,CAC/B,wBAAyB,CACzB,qBAAsB,CACtB,oBAAqB,CACrB,gBAAiB,CACjB,cAAe,CACf,sBACF,CACA,aACE,UAAW,CACX,kBAAmB,CACnB,oBAAqB,CACrB,8CACF,CACA,cACE,+CACF,CACA,iBACE,UAAW,CACX,kBAAmB,CACnB,qCACF,CAJA,YACE,UAAW,CACX,kBAAmB,CACnB,qCACF,CACA,IACE,0BAA2B,CACvB,wBAAyB,CAEpB,qBAAsB,CACnB,oBAAqB,CACb,gBAAiB,CACrC,mBACF,CACA,SACE,yHAAmF,CACnF,mBACF,CACA,gBACE,6GAAuE,CACvE,mBACF,CACA,wBACE,0BACF","file":"main.60b309a2.chunk.css","sourcesContent":["html, body {\n margin: 0;\n padding: 0;\n font-family: sans-serif;\n font-size: 11pt;\n color: #31485B;\n box-sizing: border-box;\n}\n* {\n box-sizing: inherit;\n}",".App {\n min-width: 600px;\n}\n.header {\n background: #36befd;\n background: -moz-linear-gradient(-45deg, #36befd 1%, #6461f6 100%);\n background: -webkit-linear-gradient(-45deg, #36befd 1%, #6461f6 100%);\n background: linear-gradient(135deg, #36befd 1%, #6461f6 100%);\n margin: 0;\n color: #fff;\n letter-spacing: 0.1pt;\n text-shadow: 0px 1px 3px rgba(0, 0, 255, 0.1);\n display: flex;\n flex-direction: column;\n flex-wrap: nowrap;\n justify-content: center;\n align-items: center;\n height: 76px;\n box-shadow: 0 15px 20px -15px rgba(57, 120, 253, 0.15), 0 55px 50px -35px rgba(47, 78, 249, 0.12);\n position: relative;\n z-index: 1;\n}\n.header code {\n border-radius: 4px;\n margin: 2px;\n display: block;\n padding: 0.5em;\n background: #fff;\n font-size: 10pt;\n margin: 0px auto;\n box-shadow: 0px 1px 3px rgba(0, 0, 255, 0.15);\n}\n.header code .code-keyword {\n color: #0059FF;\n font-weight: bold;\n}\n.header code .code-char {\n color: #4D4D4C;\n}\n.header code .code-variable {\n color: #3778AD;\n}\n.header code .code-string {\n color: #279737;\n font-weight: 400;\n}\n.content { \n min-height: calc(100vh - 76px);\n position: relative;\n display: flex;\n flex-direction: column;\n flex-flow: column;\n flex-wrap: wrap;\n}\n.content-section {\n position: relative;\n padding: 40px 0px;\n background: #fff;\n z-index: 1;\n overflow: hidden;\n}\n.content-section:last-child {\n flex-grow: 1;\n}\n.content-section:before,\n.content-section:after {\n content: '';\n display: block;\n position: absolute;\n top: 0;\n right: 0;\n bottom: 0;\n left: 0;\n z-index: -1;\n}\n.content-section:nth-child(2n - 1) {\n background: #f6f8fb;\n}\n.content-section:nth-child(2n - 1):before,\n.content-section:nth-child(2n - 1):after {\n background: #fff;\n}\n.content-section:nth-child(2n + 0) {\n background: #fff;\n}\n.content-section:nth-child(2n + 0):before,\n.content-section:nth-child(2n + 0):after {\n background: #f6f8fb;\n}\n.content-section.skew:before,\n.content-section.skew:after {\n transform: skewY(-7deg);\n}\n.content-section.skew + .content-section:before,\n.content-section.skew + .content-section:after {\n transform: skewY(-7deg);\n}\n.content-section skew + .content-section.skew:before,\n.content-section.skew + .content-section.skew:before {\n top: 0;\n}\n.content-section + .content-section.skew:before {\n top: -50vw;\n}\n.content-section.skew + .content-section:after {\n bottom: -50vw;\n}\n.content-section + .content-section:after {\n top: 0;\n}\n.content-section.skew + .content-section.skew:after {\n bottom: 0;\n}\n.content-section.skew:first-child:before {\n top: -50vw !important;\n}\n.content-section.skew:last-child:after {\n bottom: -50vw !important;\n}\n.content-section-content-framework > span {\n font-weight: bold;\n font-size: 30pt;\n user-select: none;\n -moz-user-select: none;\n -webkit-user-select: none;\n}\n.content-section-content-framework > span:not(:nth-child(2)) {\n display: inline-block;\n color: transparent;\n height: 190px;\n width: 190px;\n vertical-align:middle; \n}\n.content-section-title {\n margin-bottom: 14px;\n}\n.content-section-title > h2{\n text-align: center;\n font-size: 26pt;\n color: #39547A;\n margin: 24px 0px;\n}\n.content-section-title > table{\n text-align: left;\n margin: 0px auto;\n}\n.content-section-title > table tr {\n margin: 10px;\n}\n.content-section-title > table td {\n line-height: 18pt;\n}\n.content-section-title > table td:first-child {\n text-align: right;\n font-weight: bold;\n vertical-align: top;\n}\n.content-section-title > table td:first-child span{\n margin: 0px 6px;\n}\n.content-section-title > table td:last-child span {\n text-align: left;\n color: #36befd;\n font-weight: bold;\n}\n.content-section-content {\n display: table;\n margin: 0px auto;\n}\n.content-section-content .os-host,\n.content-section-content .os-host-textarea {\n border: 2px solid #36befd;\n width: 480px;\n max-height: 300px;\n margin: 10px auto 20px auto;\n border-radius: 6px;\n padding: 10px;\n line-height: 16pt;\n}\n.content-section-content > .os-host .os-host,\n.content-section-content > .os-host-textarea .os-host-textarea {\n border: 2px solid #6461f6;\n width: auto;\n height: auto;\n margin: 10px auto;\n}\n.content-section-content .bonus-content {\n display: inline-block;\n white-space: pre;\n background: #f0f3f6;\n padding: 0px 5px;\n margin: 2px;\n border-radius: 4px !important;\n border: 1px solid #DDE3ED;\n font-size: 10pt;\n font-family: \"Lucida Console\", Monaco, monospace;\n color: #39547A;\n}\n.content-section-content-buttons {\n display: table;\n margin: 0px auto;\n}\n.info-span {\n background: #F7F7F7;\n padding: 2px 5px;\n margin: 2px;\n white-space: nowrap;\n border-radius: 4px;\n border: 1px solid #DEDFE0;\n font-weight: bold;\n font-size: 10pt;\n}\na {\n display: inline-block;\n text-decoration: none;\n position: relative;\n color: #36befd;\n transition: color 0.3s, text-shadow 0.3s;\n text-shadow: 0px 1px 2px rgba(0, 0, 0, 0.05);\n padding: 0px 1px;\n font-weight: 600;\n outline: none !important;\n cursor: pointer;\n z-index: 0;\n}\na:hover {\n color: #fff;\n text-shadow: 0px 1px 6px rgba(0, 0, 0, 0.16);\n}\na:before {\n content: '';\n position: absolute;\n display: block;\n bottom: 0;\n left: 0;\n height: 0%;\n width: 100%;\n background: transparent;\n z-index: -1;\n border-bottom: 1px dotted #36befd;\n transition: height 0.3s, border 0.3s, background-color 0.15s;\n}\na:hover:before {\n height: 100%;\n background: #36befd;\n border-bottom: 1px solid #36befd;\n}\n.buttons {\n display: table;\n margin: 0px auto;\n}\nbutton {\n font-size: 10pt;\n line-height: 28pt;\n font-family: sans-serif;\n font-weight: bold;\n color: #555E6B;\n line-height: 40px;\n border: 1px solid #D6D6D6;\n border-radius: 6px;\n cursor: pointer;\n transition: color 0.3s, background-color 0.3s, border-color 0.3s, box-shadow 0.3s;\n padding: 0px 14px;\n display: block;\n float: left;\n margin: 5px;\n text-align: center;\n background: rgba(0, 0, 0, 0.02);\n -webkit-user-select: none;\n -moz-user-select: none;\n -ms-user-select: none;\n user-select: none;\n min-width: 80px;\n outline: none !important;\n}\nbutton:hover {\n color: #fff;\n background: #6461f6;\n border-color: #6461f6;\n box-shadow: 0 4px 8px -1px rgba(170, 170, 170, 0.45);\n}\nbutton:active {\n box-shadow: inset 0 4px 9px -1px rgba(0, 0, 0, 0.15);\n}\n::selection {\n color: #fff;\n background: #6461f6;\n text-shadow: 0px 1px 3px rgba(0, 0, 0, 0.28);\n}\nimg {\n -webkit-touch-callout: none;\n -webkit-user-select: none;\n -khtml-user-select: none;\n -moz-user-select: none;\n -ms-user-select: none;\n user-select: none;\n pointer-events: none;\n}\n.os-logo {\n background: transparent url(\"assets/overlayscrollbars.svg\") no-repeat center center;\n background-size: 80%;\n}\n.framework-logo {\n background: transparent url(\"assets/react.svg\") no-repeat center center;\n background-size: 80%;\n}\n.custom-class-name-test {\n background: rgba(0, 0, 0, 0.03);\n}"]} |