Source code
Revision control
Copy as Markdown
Other Tools
{"version":3,"file":"app.css","mappings":"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","sources":["webpack://todomvc-javascript-es6-webpack/./node_modules/todomvc-app-css/index.css","webpack://todomvc-javascript-es6-webpack/./src/app.css"],"sourcesContent":["@charset \"utf-8\";\n\nhtml,\nbody {\n\tmargin: 0;\n\tpadding: 0;\n}\n\nbutton {\n\tmargin: 0;\n\tpadding: 0;\n\tborder: 0;\n\tbackground: none;\n\tfont-size: 100%;\n\tvertical-align: baseline;\n\tfont-family: inherit;\n\tfont-weight: inherit;\n\tcolor: inherit;\n\t-webkit-appearance: none;\n\tappearance: none;\n\t-webkit-font-smoothing: antialiased;\n\t-moz-osx-font-smoothing: grayscale;\n}\n\nbody {\n\tfont: 14px 'Helvetica Neue', Helvetica, Arial, sans-serif;\n\tline-height: 1.4em;\n\tbackground: #f5f5f5;\n\tcolor: #111111;\n\tmin-width: 230px;\n\tmax-width: 550px;\n\tmargin: 0 auto;\n\t-webkit-font-smoothing: antialiased;\n\t-moz-osx-font-smoothing: grayscale;\n\tfont-weight: 300;\n}\n\n.hidden {\n\tdisplay: none;\n}\n\n.todoapp {\n\tbackground: #fff;\n\tmargin: 130px 0 40px 0;\n\tposition: relative;\n\tbox-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.2),\n\t 0 25px 50px 0 rgba(0, 0, 0, 0.1);\n}\n\n.todoapp input::-webkit-input-placeholder {\n\tfont-style: italic;\n\tfont-weight: 400;\n\tcolor: rgba(0, 0, 0, 0.4);\n}\n\n.todoapp input::-moz-placeholder {\n\tfont-style: italic;\n\tfont-weight: 400;\n\tcolor: rgba(0, 0, 0, 0.4);\n}\n\n.todoapp input::input-placeholder {\n\tfont-style: italic;\n\tfont-weight: 400;\n\tcolor: rgba(0, 0, 0, 0.4);\n}\n\n.todoapp h1 {\n\tposition: absolute;\n\ttop: -140px;\n\twidth: 100%;\n\tfont-size: 80px;\n\tfont-weight: 200;\n\ttext-align: center;\n\tcolor: #b83f45;\n\t-webkit-text-rendering: optimizeLegibility;\n\t-moz-text-rendering: optimizeLegibility;\n\ttext-rendering: optimizeLegibility;\n}\n\n.new-todo,\n.edit {\n\tposition: relative;\n\tmargin: 0;\n\twidth: 100%;\n\tfont-size: 24px;\n\tfont-family: inherit;\n\tfont-weight: inherit;\n\tline-height: 1.4em;\n\tcolor: inherit;\n\tpadding: 6px;\n\tborder: 1px solid #999;\n\tbox-shadow: inset 0 -1px 5px 0 rgba(0, 0, 0, 0.2);\n\tbox-sizing: border-box;\n\t-webkit-font-smoothing: antialiased;\n\t-moz-osx-font-smoothing: grayscale;\n}\n\n.new-todo {\n\tpadding: 16px 16px 16px 60px;\n\theight: 65px;\n\tborder: none;\n\tbackground: rgba(0, 0, 0, 0.003);\n\tbox-shadow: inset 0 -2px 1px rgba(0,0,0,0.03);\n}\n\n.main {\n\tposition: relative;\n\tz-index: 2;\n\tborder-top: 1px solid #e6e6e6;\n}\n\n.toggle-all {\n\twidth: 1px;\n\theight: 1px;\n\tborder: none; /* Mobile Safari */\n\topacity: 0;\n\tposition: absolute;\n\tright: 100%;\n\tbottom: 100%;\n}\n\n.toggle-all + label {\n\tdisplay: flex;\n\talign-items: center;\n\tjustify-content: center;\n\twidth: 45px;\n\theight: 65px;\n\tfont-size: 0;\n\tposition: absolute;\n\ttop: -65px;\n\tleft: -0;\n}\n\n.toggle-all + label:before {\n\tcontent: '❯';\n\tdisplay: inline-block;\n\tfont-size: 22px;\n\tcolor: #949494;\n\tpadding: 10px 27px 10px 27px;\n\t-webkit-transform: rotate(90deg);\n\ttransform: rotate(90deg);\n}\n\n.toggle-all:checked + label:before {\n\tcolor: #484848;\n}\n\n.todo-list {\n\tmargin: 0;\n\tpadding: 0;\n\tlist-style: none;\n}\n\n.todo-list li {\n\tposition: relative;\n\tfont-size: 24px;\n\tborder-bottom: 1px solid #ededed;\n}\n\n.todo-list li:last-child {\n\tborder-bottom: none;\n}\n\n.todo-list li.editing {\n\tborder-bottom: none;\n\tpadding: 0;\n}\n\n.todo-list li.editing .edit {\n\tdisplay: block;\n\twidth: calc(100% - 43px);\n\tpadding: 12px 16px;\n\tmargin: 0 0 0 43px;\n}\n\n.todo-list li.editing .view {\n\tdisplay: none;\n}\n\n.todo-list li .toggle {\n\ttext-align: center;\n\twidth: 40px;\n\t/* auto, since non-WebKit browsers doesn't support input styling */\n\theight: auto;\n\tposition: absolute;\n\ttop: 0;\n\tbottom: 0;\n\tmargin: auto 0;\n\tborder: none; /* Mobile Safari */\n\t-webkit-appearance: none;\n\tappearance: none;\n}\n\n.todo-list li .toggle {\n\topacity: 0;\n}\n\n.todo-list li .toggle + label {\n\t/*\n\t\tFirefox requires `#` to be escaped - https://bugzilla.mozilla.org/show_bug.cgi?id=922433\n\t\tIE and Edge requires *everything* to be escaped to render, so we do that instead of just the `#` - https://developer.microsoft.com/en-us/microsoft-edge/platform/issues/7157459/\n\t*/\n\tbackground-image: url('data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20width%3D%2240%22%20height%3D%2240%22%20viewBox%3D%22-10%20-18%20100%20135%22%3E%3Ccircle%20cx%3D%2250%22%20cy%3D%2250%22%20r%3D%2250%22%20fill%3D%22none%22%20stroke%3D%22%23949494%22%20stroke-width%3D%223%22/%3E%3C/svg%3E');\n\tbackground-repeat: no-repeat;\n\tbackground-position: center left;\n}\n\n.todo-list li .toggle:checked + label {\n\tbackground-image: url('data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2240%22%20height%3D%2240%22%20viewBox%3D%22-10%20-18%20100%20135%22%3E%3Ccircle%20cx%3D%2250%22%20cy%3D%2250%22%20r%3D%2250%22%20fill%3D%22none%22%20stroke%3D%22%2359A193%22%20stroke-width%3D%223%22%2F%3E%3Cpath%20fill%3D%22%233EA390%22%20d%3D%22M72%2025L42%2071%2027%2056l-4%204%2020%2020%2034-52z%22%2F%3E%3C%2Fsvg%3E');\n}\n\n.todo-list li label {\n\tword-break: break-all;\n\tpadding: 15px 15px 15px 60px;\n\tdisplay: block;\n\tline-height: 1.2;\n\ttransition: color 0.4s;\n\tfont-weight: 400;\n\tcolor: #484848;\n}\n\n.todo-list li.completed label {\n\tcolor: #949494;\n\ttext-decoration: line-through;\n}\n\n.todo-list li .destroy {\n\tdisplay: none;\n\tposition: absolute;\n\ttop: 0;\n\tright: 10px;\n\tbottom: 0;\n\twidth: 40px;\n\theight: 40px;\n\tmargin: auto 0;\n\tfont-size: 30px;\n\tcolor: #949494;\n\ttransition: color 0.2s ease-out;\n}\n\n.todo-list li .destroy:hover,\n.todo-list li .destroy:focus {\n\tcolor: #C18585;\n}\n\n.todo-list li .destroy:after {\n\tcontent: '×';\n\tdisplay: block;\n\theight: 100%;\n\tline-height: 1.1;\n}\n\n.todo-list li:hover .destroy {\n\tdisplay: block;\n}\n\n.todo-list li .edit {\n\tdisplay: none;\n}\n\n.todo-list li.editing:last-child {\n\tmargin-bottom: -1px;\n}\n\n.footer {\n\tpadding: 10px 15px;\n\theight: 20px;\n\ttext-align: center;\n\tfont-size: 15px;\n\tborder-top: 1px solid #e6e6e6;\n}\n\n.footer:before {\n\tcontent: '';\n\tposition: absolute;\n\tright: 0;\n\tbottom: 0;\n\tleft: 0;\n\theight: 50px;\n\toverflow: hidden;\n\tbox-shadow: 0 1px 1px rgba(0, 0, 0, 0.2),\n\t 0 8px 0 -3px #f6f6f6,\n\t 0 9px 1px -3px rgba(0, 0, 0, 0.2),\n\t 0 16px 0 -6px #f6f6f6,\n\t 0 17px 2px -6px rgba(0, 0, 0, 0.2);\n}\n\n.todo-count {\n\tfloat: left;\n\ttext-align: left;\n}\n\n.todo-count strong {\n\tfont-weight: 300;\n}\n\n.filters {\n\tmargin: 0;\n\tpadding: 0;\n\tlist-style: none;\n\tposition: absolute;\n\tright: 0;\n\tleft: 0;\n}\n\n.filters li {\n\tdisplay: inline;\n}\n\n.filters li a {\n\tcolor: inherit;\n\tmargin: 3px;\n\tpadding: 3px 7px;\n\ttext-decoration: none;\n\tborder: 1px solid transparent;\n\tborder-radius: 3px;\n}\n\n.filters li a:hover {\n\tborder-color: #DB7676;\n}\n\n.filters li a.selected {\n\tborder-color: #CE4646;\n}\n\n.clear-completed,\nhtml .clear-completed:active {\n\tfloat: right;\n\tposition: relative;\n\tline-height: 19px;\n\ttext-decoration: none;\n\tcursor: pointer;\n}\n\n.clear-completed:hover {\n\ttext-decoration: underline;\n}\n\n.info {\n\tmargin: 65px auto 0;\n\tcolor: #4d4d4d;\n\tfont-size: 11px;\n\ttext-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);\n\ttext-align: center;\n}\n\n.info p {\n\tline-height: 1;\n}\n\n.info a {\n\tcolor: inherit;\n\ttext-decoration: none;\n\tfont-weight: 400;\n}\n\n.info a:hover {\n\ttext-decoration: underline;\n}\n\n/*\n\tHack to remove background from Mobile Safari.\n\tCan't use it globally since it destroys checkboxes in Firefox\n*/\n@media screen and (-webkit-min-device-pixel-ratio:0) {\n\t.toggle-all,\n\t.todo-list li .toggle {\n\t\tbackground: none;\n\t}\n\n\t.todo-list li .toggle {\n\t\theight: 40px;\n\t}\n}\n\n@media (max-width: 430px) {\n\t.footer {\n\t\theight: 50px;\n\t}\n\n\t.filters {\n\t\tbottom: 10px;\n\t}\n}\n\n:focus,\n.toggle:focus + label,\n.toggle-all:focus + label {\n\tbox-shadow: 0 0 2px 2px #CF7D7D;\n\toutline: 0;\n}\n",".toggle-graph {\n float: left;\n margin-left: 16px;\n cursor: pointer;\n position: relative;\n z-index: 1;\n}\n.toggle-graph svg {\n height: 20px;\n width: 20px;\n}\n.toggle-graph svg path {\n fill: #777;\n}\n\n.toggle-graph.active svg path,\n.toggle-graph:hover svg path,\n.toggle-graph:focus svg path {\n fill: black;\n}\n"],"names":[],"sourceRoot":""}