pages/skilltreetest/static/css/main.a3da64f4.chunk.css.map

1 line
No EOL
10 KiB
Text

{"version":3,"sources":["webpack://D:/projects/kronos/src/components/ui/tooltip.css","webpack://D:/projects/kronos/src/components/skills/skills.css","webpack://D:/projects/kronos/src/components/sidepanel/editor.css","webpack://D:/projects/kronos/src/components/sidepanel/sidepanel.css","webpack://D:/projects/kronos/src/index.css"],"names":[],"mappings":"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","file":"main.a3da64f4.chunk.css","sourcesContent":[".tooltip {\r\n\tposition: absolute;\r\n background: black;\r\n padding: 0;\r\n transform: translate(-50%, calc(-100% - 12px));\r\n font-size: large;\r\n border-radius: 8px;\r\n opacity: 0;\r\n transition: opacity 0.25s, padding .25s cubic-bezier(0.68, -0.55, 0.27, 2.5);\r\n pointer-events: none;\r\n min-width: 40px;\r\n}\r\n\r\n.tooltip.active {\r\n opacity: 1;\r\n padding: 8px;\r\n}\r\n\r\n.tooltip::before {\r\n content: '';\r\n display: block;\r\n width: 0;\r\n height: 0;\r\n position: absolute;\r\n border-left: 12px solid transparent;\r\n border-right: 12px solid transparent;\r\n border-top: 12px solid black;\r\n left: calc(50% - 12px);\r\n top: 100%;\r\n}\r\n",".points-display {\r\n position: absolute;\r\n bottom: 20px;\r\n left: 50%;\r\n transform: translateX(-50%);\r\n font-size: xx-large;\r\n background: #242a33;\r\n padding: 10px;\r\n border-radius: 2px;\r\n box-shadow: 3px 4px 5px black;\r\n}\r\n",".editor .texture-preview {\r\n display: inline-flex;\r\n align-items: center;\r\n width: 150px;\r\n margin-top: 8px;\r\n}\r\n\r\n.editor .texture-preview span {\r\n flex-grow: 1;\r\n user-select: all;\r\n}\r\n\r\n.editor .texture-preview img {\r\n background-color: initial;\r\n width: 60px;\r\n height: 60px;\r\n}\r\n\r\n.editor textarea {\r\n background: #242a33;\r\n border-radius: 4px;\r\n flex-grow: 1000000;\r\n min-height: 50%;\r\n font-family: \"Roboto Mono\";\r\n}\r\n\r\n.editor button {\r\n padding: 8px;\r\n text-align: center;\r\n margin: 10px 0;\r\n}\r\n",".sidepanel {\r\n height: calc(100% - 16px);\r\n position: relative;\r\n background: #333c4a;\r\n padding: 8px;\r\n transition: flex-basis .2s, margin .2s;\r\n flex: 0 0 0;\r\n margin-right: -20px;\r\n overflow-x: hidden;\r\n display: flex;\r\n flex-direction: column;\r\n}\r\n\r\n.sidepanel.open {\r\n flex-basis: 33vw;\r\n margin: 0;\r\n}\r\n\r\n.sidepanel > * {\r\n width: calc(33vw - 16px);\r\n}\r\n\r\n.sidepanel-toggles {\r\n position: absolute;\r\n top: 10px;\r\n right: 10px;\r\n width: unset;\r\n transition: right .2s;\r\n display: flex;\r\n flex-direction: column;\r\n}\r\n\r\n.sidepanel-toggles button {\r\n background: #242a33;\r\n padding: 10px;\r\n border-radius: 2px;\r\n box-shadow: 3px 4px 5px black;\r\n color: #ffab40;\r\n cursor: pointer;\r\n white-space: nowrap;\r\n}\r\n\r\n.sidepanel.open ~ .sidepanel-toggles {\r\n right: calc(33vw + 16px + 10px);\r\n}\r\n\r\n.sidepanel .spacer {\r\n flex-grow: 1;\r\n}\r\n\r\n.sidepanel ul {\r\n padding: 0;\r\n display: inline;\r\n font-weight: bold;\r\n list-style: none;\r\n text-align: center;\r\n}\r\n\r\n.sidepanel ul:not(.browser-default) {\r\n padding-left: 0;\r\n list-style-type: none;\r\n}\r\n\r\n.sidepanel ul:not(.browser-default) li {\r\n list-style-type: none;\r\n}\r\n\r\n.sidepanel ul li {\r\n vertical-align: middle;\r\n white-space: nowrap;\r\n padding-right: 8px;\r\n padding-left: 8px;\r\n display: inline;\r\n}\r\n",":root {\n --foreground: #b4bdcb;\n --background: #242a33;\n --far-background: #111924;\n --raised: #2a323d;\n --highlight: #333c4a;\n --focus: #a3c9ef;\n --inactive: #697a96;\n --disabled: #808080;\n --warning: #71262f;\n}\n\nhtml {\n background-color: var(--far-background);\n color: var(--foreground);\n\tfont-family: 'Roboto', sans-serif;\n height: 100%;\n user-select: none;\n}\n\nbody {\n background: transparent;\n height: 100%;\n margin: 0;\n padding: 0;\n overflow: hidden;\n}\n\na {\n color: #ffab40;\n cursor: pointer;\n text-decoration: none;\n}\n\na:focus {\n outline: none;\n}\n\ninput, .checkbox-label {\n margin-bottom: 8px;\n margin-top: 8px;\n font-size: 16px;\n}\n\ninput[type=\"text\"], input[type=\"password\"], input[type=\"number\"], input[type=\"search\"], select {\n background: none;\n border: none;\n border-bottom: solid 2px var(--inactive);\n color: var(--foreground);\n transition: border 0.3s;\n width: 100%;\n}\n\ninput[type=\"text\"]:focus, input[type=\"password\"]:focus, input[type=\"number\"]:focus, input[type=\"search\"]:focus, select:focus {\n border-bottom: solid 2px var(--foreground);\n outline: none;\n}\n\ninput[type=\"search\"]::-webkit-search-cancel-button {\n -webkit-appearance: none;\n height: 10px;\n width: 10px;\n margin-bottom: 3px;\n padding: 1px;\n background: -webkit-linear-gradient(-45deg, transparent 0%, transparent 45%, var(--foreground) 45%, var(--foreground) 56%,transparent 55%, transparent 100%), -webkit-linear-gradient(45deg, transparent 0%, transparent 45%, var(--foreground) 45%, var(--foreground) 56%,transparent 56%, transparent 100%);\n cursor: pointer;\n}\n\ninput[type=\"range\"] {\n appearance: none;\n height: 4px;\n background: var(--far-background);\n outline: none;\n border-radius: 4px;\n min-width: 40px;\n}\n\ninput[type=\"range\"]::-webkit-slider-thumb {\n appearance: none;\n width: 12px;\n height: 12px;\n cursor: pointer;\n background: var(--background);\n border: solid 2px var(--far-background);\n border-radius: 50%;\n}\n\ninput[type=\"range\"]::-webkit-slider-thumb:hover {\n background: var(--highlight);\n}\n\ninput[type=\"color\"] {\n -webkit-appearance: none;\n border: solid 2px var(--inactive);\n outline: none;\n padding: 0;\n}\n\ninput[type=\"color\"]:focus {\n border-color: var(--foreground);\n}\n\ninput[type=\"color\"]:disabled {\n border-color: var(--disabled);\n}\n\ninput[type=\"color\"]::-webkit-color-swatch-wrapper {\n padding: 0;\n}\n\ninput[type=\"color\"]::-webkit-color-swatch {\n border: none;\n}\n\nbutton {\n background: var(--highlight);\n border: none;\n color: #ffab40;\n cursor: pointer;\n font-size: 16px;\n margin: 10px;\n text-align: left;\n transition: background-color .1s ease-in;\n border-radius: 10px;\n}\n\nbutton:focus {\n color: var(--focus);\n outline: none;\n}\n\nbutton:hover {\n background-color: var(--raised);\n}\n\nselect option {\n color: #000;\n}\n\nbutton:disabled, select:disabled, input:disabled {\n color: var(--disabled);\n}\n\nh4 {\n border-bottom: solid var(--foreground);\n text-align: center;\n width: 50%;\n margin: .25em auto .5em auto;\n}\n\ntextarea { \n font-family: sans-serif;\n font-size: 16px;\n resize: none;\n background: none;\n border: none;\n border-bottom: solid 2px #969696;\n color: var(--foreground);\n transition: border 0.3s;\n}\n\ntextarea:focus {\n border-bottom: solid 2px #c9c9c9;\n outline: none;\n}\n\nimg {\n position: relative;\n overflow: hidden;\n background-color: var(--background);\n}\n\nimg:after {\n background-color: inherit;\n display: block;\n position: absolute;\n z-index: 2;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n content: \"\";\n}\n\n::-webkit-scrollbar {\n height: 28px;\n width: 14px;\n}\n\n::-webkit-scrollbar-thumb {\n border: 8px solid rgba(0, 0, 0, 0);\n background-clip: padding-box;\n -webkit-border-radius: 20px;\n background-color: rgba(0, 0, 0, 0.6);\n}\n\n#root, .App {\n\twidth: 100%;\n\theight: 100%;\n}\n\n.App {\n display: flex;\n}\n"]}