kaggle-look-alike
Version:
Kaggle Data Explorer look-alike single page app
1 lines • 8.22 kB
Source Map (JSON)
{"version":3,"file":"static/css/main.f5aa5692.css","mappings":"AAEA,UACE,yBACA,2BAEE,6BAEA,eADA,aAFA,gBAGA,CAKA,qEAEE,qBADA,aCFY,CDMhB,qBACE,gBACA,kBAEF,qBAEE,WADA,kBCpBS,CDuBX,kBACE,gBEzBJ,UAKE,wBDPkB,CCQlB,4BDMO,CCRP,YADA,OAIA,iBANA,gBACA,MAMA,YACA,aAEE,SAGA,gBAJA,kBAKA,uBAFA,mBADA,UAGA,CACA,kBACE,UDhBO,CCiBP,eACA,gBAOJ,qCAJI,kBACA,UAOF,CAJF,oBAEE,SAEA,YACA,sBACE,aDjCc,CCqCd,iBAHA,4BACE,uBAIJ,wBACE,eACA,8BACE,uBAKR,WAEE,OACA,gBACA,eAHA,eAGA,CClDF,MAEE,aAEA,eAHA,kBAEA,WACA,CACA,UAIE,yBACA,yBAFA,SAFA,kBACA,SAGA,CACA,gBACE,yBACA,uBACA,wBCdN,OAGE,yBACA,mBAFA,cADA,iBAGA,CACA,aACE,sBACA,eAEF,oBAEE,qBHCK,CGEL,SADA,gBAEA,gBACA,iBAEF,UAEE,wBHtBgB,CG0BhB,qBHZK,CGcL,eAPA,gBAQA,SAAQ,CANR,gBAIA,gBAHA,SACA,WAIA,CACA,gBACE,aHpBQ,CGsBV,cAEE,6BADA,gBHpBG,CGwBP,mBACE,iBAEF,gBACE,wBH1CgB,CG2ChB,YAGJ,UACE,YACA,kBACA,eACE,cACA,cCjDJ,OAGE,aAEA,eADA,SAGA,mBALA,cAIA,kBALA,iBAMA,CACA,WAKE,qBJDK,CIEL,kBALA,YAEA,iBAIA,uBALA,kBAEA,WAGA,CACA,eACE,mBAGJ,aAEE,WADA,gBJpBS,CIsBT,mBACE,YAIF,eAIE,UJ/BO,CIgCP,gBAJA,kBAEA,WADA,QAGA,CC9BN,SAGE,YAFA,mBAGA,kBAFA,UAEA,CAEF,aAQE,wDALA,yBAEA,mBACA,qBAJA,YADA,UAOA,CAGF,kBAEE,sBAEF,kBAEE,sBAcF,0BACE,UAIE,mBAEF,IAEE,oBAIJ,cACE,kBACA,WAEF,aACE,YC1DF,KAGE,YAFA,kBACA,UACA,CACA,eAEE,YAGA,kBACA,gBALA,kBAGA,MADA,WAGA,CAEF,4BAEE,cAEA,YAGA,WACA,cALA,kBAGA,MADA,wBAGA,CAEF,YAGE,cAFA,aACA,iBNtBQ,CM2BZ,oBACE,wBACA,WACA,UAEF,0BAEE,2BADA,kBAEA,qCCrCF,KAEE,0BACA,8BAFA,uBAGA,YAEF,WAOE,wBPfkB,COclB,cPEe,COHf,YAHA,SAMA,gBALA,UACA,UAIA,CAGF,SAGE,gBACA,0BAGF,UACE,aPfgB,COgBhB,eACA,gBACE,0BAIJ,QACE,aAGF,SACE,WACA,cACA,SACA","sources":["components/FileList.scss","variables.scss","components/TitleBar.scss","components/Bars.scss","components/Table.scss","components/Stats.scss","components/Spinner.scss","App.scss","index.scss"],"sourcesContent":["@import \"../variables\";\n\n.FileList {\n padding: 10px 0 10px 20px;\n > div:not(.fTitle) {\n padding: 3px 10px;\n border-left: 3px solid silver;\n margin: 3px 0;\n cursor: pointer;\n &:hover {\n color: $color-hover;\n border-color: $color-hover;\n }\n &.selected {\n color: $color-selection;\n border-color: $color-selection;\n }\n }\n .dataExplo {\n font-weight: 700;\n margin: 5px 0 15px;\n }\n .fileCount {\n margin-bottom: 20px;\n color: $color-text-minor;\n }\n .iframe {\n margin-top: 30px;\n }\n}\n","$almostwhite-color: #f0f0f0;\n$almostblack-color: #0d0d0d;\n$silver-color: silver;\n$grey-color: grey;\n$red-color: #b71c1c;\n\n$color-background: $almostwhite-color;\n$color-text: $almostblack-color;\n$color-text-minor: $grey-color;\n$color-borders: $grey-color;\n\n$color-hover: #00838f; //#00565e;\n$color-selection: #00838f;\n\n$border: solid 1px $color-borders;\n\n$text-font-size: 16px;\n","@import \"../variables\";\n\n.TitleBar {\n position: sticky;\n top: 0;\n left: 0;\n height: 45px;\n background-color: $color-background;\n border-bottom: $border;\n padding: 10px 0 0;\n z-index: 300;\n > h1 {\n position: relative;\n margin: 0;\n width: 100%;\n white-space: nowrap;\n overflow: hidden;\n text-overflow: ellipsis;\n > span {\n color: $color-text-minor;\n font-size: 0.6em;\n font-weight: 300;\n }\n > svg {\n position: absolute;\n right: 10px;\n }\n }\n > .topIcons {\n position: absolute;\n top: 20px;\n right: 10px;\n z-index: 400;\n a {\n color: $color-text;\n &:hover {\n fill: $color-hover !important;\n }\n margin-left: 10px;\n }\n svg {\n cursor: pointer;\n &:hover {\n fill: $color-hover !important;\n }\n }\n }\n}\n.file_desc {\n position: sticky;\n left: 0;\n min-height: 30px;\n padding: 20px 0;\n}\n","@import \"../variables\";\n\n.Bars {\n position: relative;\n height: 100px;\n width: 205px;\n margin: 5px 0 0;\n > div {\n position: absolute;\n width: 8px;\n bottom: 0;\n background-color: #259dcb;\n border: 1px solid #00838f;\n &:hover {\n background-color: rgb(10, 100, 136);\n border-left-color: white;\n border-right-color: white;\n }\n }\n}\n","@import \"../variables\";\n\n.Table {\n position: relative;\n overflow: auto;\n border-collapse: collapse;\n margin-bottom: 20px;\n > tbody {\n font-family: monospace;\n font-size: 12px;\n }\n th,\n td {\n border: $border;\n padding: 5px;\n min-width: 200px;\n flex: 1 1;\n overflow: hidden;\n padding: 8px 12px;\n }\n th {\n font-weight: 700;\n background-color: $color-background;\n position: sticky;\n top: 55px;\n z-index: 100;\n border: $border;\n text-align: left;\n cursor: pointer;\n padding: 0;\n &:hover {\n color: $color-hover;\n }\n > div {\n padding: 8px 12px;\n border-bottom: $border;\n }\n }\n .rightAlign {\n text-align: right;\n }\n > thead > tr {\n background-color: $color-background;\n z-index: 100;\n }\n}\n.showMore {\n margin: 20px;\n text-align: center;\n > span {\n display: block;\n margin: 10px 0;\n }\n}\n","@import \"../variables\";\n\n.Stats {\n position: relative;\n overflow: auto;\n display: flex;\n gap: 10px;\n flex-wrap: wrap;\n padding-right: 5px;\n margin-bottom: 20px;\n > div {\n flex-grow: 1;\n position: relative;\n min-height: 200px;\n width: 280px;\n border: $border;\n border-radius: 3px;\n padding: 0 5px 5px 15px;\n > div {\n margin-bottom: 10px;\n }\n }\n label {\n margin-right: 5px;\n color: $color-text-minor;\n &::after {\n content: \":\";\n }\n }\n h3 {\n span {\n position: absolute;\n top: 20px;\n right: 10px;\n color: $color-text-minor;\n font-weight: 300;\n }\n }\n}\n","/*\n SpinKit\n http://tobiasahlin.com/spinkit/\n*/\n\n.spinner {\n margin: 50px auto 0;\n width: 70px;\n height: 40px;\n text-align: center;\n}\n.spinner > div {\n width: 18px;\n height: 18px;\n background-color: #259dcb;\n\n border-radius: 100%;\n display: inline-block;\n -webkit-animation: sk-bouncedelay 1.4s infinite ease-in-out both;\n animation: sk-bouncedelay 1.4s infinite ease-in-out both;\n}\n\n.spinner .bounce1 {\n -webkit-animation-delay: -0.32s;\n animation-delay: -0.32s;\n}\n.spinner .bounce2 {\n -webkit-animation-delay: -0.16s;\n animation-delay: -0.16s;\n}\n\n@-webkit-keyframes sk-bouncedelay {\n 0%,\n 80%,\n 100% {\n -webkit-transform: scale(0);\n }\n 40% {\n -webkit-transform: scale(1);\n }\n}\n\n@keyframes sk-bouncedelay {\n 0%,\n 80%,\n 100% {\n -webkit-transform: scale(0);\n transform: scale(0);\n }\n 40% {\n -webkit-transform: scale(1);\n transform: scale(1);\n }\n}\n\n.evol-loading {\n text-align: center;\n width: 100%;\n}\n.loading_txt {\n margin: 10px;\n}\n","@import \"./variables\";\n\n.App {\n position: relative;\n width: 100%;\n height: 100%;\n > .FileList {\n position: absolute;\n height: 100%;\n width: 180px;\n top: 0;\n overflow-x: hidden;\n overflow-y: auto;\n }\n > .error,\n > .DataSpace {\n display: block;\n position: absolute;\n height: 100%;\n width: calc(100% - 210px);\n top: 0;\n left: 210px;\n overflow: auto;\n }\n > .error {\n padding: 50px;\n text-align: center;\n color: $red-color;\n }\n}\n\n::-webkit-scrollbar {\n -webkit-appearance: none;\n height: 9px;\n width: 9px;\n}\n::-webkit-scrollbar-thumb {\n border-radius: 4px;\n background-color: rgba(0, 0, 0, 0.5);\n -webkit-box-shadow: 0 0 1px rgba(255, 255, 255, 0.5);\n}\n","@import \"./variables\";\n\nhtml {\n font-family: sans-serif;\n -ms-text-size-adjust: 100%;\n -webkit-text-size-adjust: 100%;\n height: 100%; // IE\n}\nbody,\n#root {\n margin: 0;\n padding: 0;\n width: 100%; // IE\n height: 100%; // IE\n font-size: $text-font-size;\n background-color: $color-background;\n overflow: hidden;\n}\n\nh1,\nh2,\nh3 {\n font-weight: 500;\n margin-bottom: 10px 0 20px;\n}\n\n.fakeLink {\n color: $color-selection;\n cursor: pointer;\n &:hover {\n text-decoration: underline;\n }\n}\n\n.hidden {\n display: none;\n}\n\n.clearer {\n clear: both;\n display: block;\n height: 0;\n width: 0;\n}\n"],"names":[],"sourceRoot":""}