crowdfree
Version:
A crowdin compatible tool for translation and localisation of websites and applications
1 lines • 3.74 kB
Source Map (JSON)
{"version":3,"sources":["webpack://src/index.css","webpack://src/App.scss"],"names":[],"mappings":"AAAA,KACE,QAAS,CACT,mJAEY,CACZ,kCAAmC,CACnC,iCACF,CAEA,KACE,yEAEF,CCTA,gBAGE,WAAA,CACA,QAAA,CAEF,QACE,UAAA,CACA,WAAA,CACA,WAEE,iBAAA,CAGJ,cACE,UAAA,CAEF,gBACE,eAAA,CACA,wBAAA,CACA,WAAA,CACA,wBAtBgB,CAuBhB,qBAAA,CACA,YAzBY,CA0BZ,mBACE,YAAA,CAEF,4BACE,wBAAA,CACA,kBAAA,CACA,YAAA,CACA,qCACE,WAAA,CACA,2CAEE,UADO,CAEP,WAFO,CAGP,iBAAA,CACA,OAAA,CAKR,kBAEE,qBAAA,CACA,wBAAA,CACA,aAAA,CACA,UAAA,CAEF,WACE,wBAAA,CACA,YAAA,CACA,iBAAA,CAEF,mBAIE,WAAA,CACA,eAAA,CACA,WAhEa,CAiEb,wBANc,CAOd,aAAA,CAEA,8BACE,UAAA,CACA,oCACE,UAAA,CACA,WALW,CAMX,qBAAA,CAOE,oKACE,oBAAA,CAAA,YAAA,CAEF,8DAEE,WADS,CAGX,+DACE,UAAA,CAKR,8BACE,UAAA,CACA,WAAA,CACA,cAAA,CACA,kBAAA,CAEA,6CACE,wBAzCU,CA0CV,8BAAA,CAAA,sBAAA,CAEF,oCACE,wBAAA,CAEF,sCACE,wBA/CW,CAgDX,4CACE,wBAAA,CAGJ,gCACE,YAAA,CACA,QAAA,CAEF,yCACE,eAAA,CAKN,eACE,uBAAA,CACA,iBAAA,CACA,WAAA","file":"main.e9fe24f4.chunk.css","sourcesContent":["body {\n margin: 0;\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', 'Oxygen',\n 'Ubuntu', 'Cantarell', 'Fira Sans', 'Droid Sans', 'Helvetica Neue',\n sans-serif;\n -webkit-font-smoothing: antialiased;\n -moz-osx-font-smoothing: grayscale;\n}\n\ncode {\n font-family: source-code-pro, Menlo, Monaco, Consolas, 'Courier New',\n monospace;\n}\n","$sidebarWidth: 400px;\n$bodyPadding: 10px;\n$backgroundColor: antiquewhite;\n#root,\nbody,\nhtml {\n height: 100%;\n margin: 0px;\n}\n#header {\n width: 100%;\n height: 50px;\n h1 {\n margin: 0px;\n margin-left: 10px;\n }\n}\n#translator > * {\n float: left;\n}\n.TranslatorBody {\n overflow-y: auto;\n width: calc(100% - #{$sidebarWidth});\n height: 100%;\n background-color: $backgroundColor;\n box-sizing: border-box;\n padding: $bodyPadding;\n h2 {\n margin-top: 0px;\n }\n .suggestion {\n background-color: darken($color: $backgroundColor, $amount: 5);\n border-radius: 10px;\n padding: 10px;\n .approve {\n float: right;\n input {\n $size: 20px;\n width: $size;\n height: $size;\n position: relative;\n top: 3px;\n }\n }\n }\n}\n.code p,\nspan.code {\n font-family: monospace;\n background-color: lightgray;\n line-height: 1;\n margin: 1px;\n}\n.codeBlock {\n background-color: lightgray;\n padding: 10px;\n border-radius: 5px;\n}\n.TranslatorSidebar {\n $normalColor: lightblue;\n $warningColor: rgb(238, 238, 111);\n\n height: 100%;\n max-height: 100%;\n width: $sidebarWidth;\n background-color: $normalColor;\n overflow: auto;\n $searchHeight: 40px;\n #filterBar {\n width: 100%;\n input {\n width: 100%;\n height: $searchHeight;\n box-sizing: border-box;\n }\n .settingContainer {\n display: flex;\n .setting {\n display: flex;\n\n > * {\n display: flex;\n }\n span {\n $margin: 10px;\n margin: $margin;\n }\n input {\n width: 25px;\n }\n }\n }\n }\n .menuEntry {\n width: 100%;\n height: 40px;\n cursor: pointer;\n transition: all 0.1s;\n\n &:nth-child(odd) {\n background-color: $normalColor;\n filter: brightness(97%);\n }\n &:hover {\n background-color: darken($normalColor, 25);\n }\n &.warning {\n background-color: $warningColor;\n &:hover {\n background-color: darken($warningColor, 25);\n }\n }\n p {\n padding: 10px;\n margin: 0px;\n }\n .highlight {\n font-weight: bold;\n }\n }\n}\n// Text input element, used when translating\n.longTextInput {\n width: calc(100% - #{$bodyPadding});\n border-radius: 5px;\n padding: 4px;\n}\n"]}