| {"version":3,"sources":["webpack:///./src/components/todo.css"],"names":[],"mappings":"AAMA,iBAHI,SACA,SAAW,CAgBd,OAXG,SACA,gBACA,eACA,wBACA,oBACA,oBACA,cACA,wBACA,gBACA,kCAAoC,CAGxC,YAFI,iCAAmC,CAatC,KAVG,oDACA,kBACA,mBACA,cACA,gBACA,gBACA,cACA,mCAEA,eAAiB,CAErB,OACI,SAAW,CAEf,QACI,YAAc,CAElB,SACI,gBACA,oBACA,kBACA,kEAC6C,CAEjD,0CACI,kBACA,gBACA,aAAe,CAEnB,iCACI,kBACA,gBACA,aAAe,CAEnB,kCACI,kBACA,gBACA,aAAe,CAEnB,YACI,kBACA,WACA,WACA,gBACA,gBACA,kBACA,0BACA,0CACA,uCACA,iCAAmC,CAEvC,gBAEI,kBACA,SACA,WACA,eACA,oBACA,oBACA,kBACA,SACA,cACA,YACA,sBACA,6CACA,sBACA,mCACA,iCAAmC,CAEvC,UACI,4BACA,YACA,4BACA,2CAA8C,CAElD,MACI,kBACA,UACA,4BAA8B,CAElC,YACI,kBACA,YACA,UACA,iBAAmB,CAEvB,kBACI,WACA,YACA,YACA,kBACA,UACA,WACA,gCACA,uBAAyB,CAE7B,yBACI,gBACA,eACA,cACA,iBAA6B,CAEjC,iCACI,aAAe,CAEnB,WACI,SACA,UACA,eAAiB,CAErB,cACI,kBACA,eACA,+BAAiC,CAErC,yBACI,kBAAoB,CAExB,sBACI,mBACA,SAAW,CAEf,4BACI,cACA,YACA,kBACA,iBAAmB,CAEvB,4BACI,YAAc,CAElB,sBACI,kBACA,WAEA,YACA,kBACA,MACA,SACA,cACA,YACA,wBACA,gBAGA,SAAW,CAEf,4BAKI,oUACA,4BACA,qBAAiC,CAErC,oCACI,waAA0a,CAE9a,oBACI,qBACA,4BACA,cACA,gBACA,oBAAuB,CAE3B,8BACI,cACA,4BAA8B,CAElC,uBACI,aACA,kBACA,MACA,WACA,SACA,WACA,YACA,cACA,eACA,cACA,mBACA,6BAAgC,CAEpC,6BACI,aAAe,CAEnB,6BACI,aAAa,CAEjB,6BACI,aAAe,CAEnB,oBACI,YAAc,CAElB,iCACI,kBAAoB,CAExB,QACI,WACA,kBACA,YACA,kBACA,4BAA8B,CAElC,eACI,WACA,kBACA,QACA,SACA,OACA,YACA,gBACA,2IAI+C,CAEnD,YACI,WACA,eAAiB,CAErB,mBACI,eAAiB,CAErB,SACI,SACA,UACA,gBACA,kBACA,QACA,MAAQ,CAEZ,YACI,cAAgB,CAEpB,cACI,cACA,WACA,gBACA,qBACA,6BACA,iBAAmB,CAEvB,oBACI,+BAAqC,CAEzC,uBACI,+BAAqC,CAEzC,8CAEI,YACA,kBACA,iBACA,qBACA,cAAgB,CAEpB,uBACI,yBAA2B,CAE/B,MACI,mBACA,cACA,eACA,uCACA,iBAAmB,CAEvB,QACI,aAAe,CAEnB,QACI,cACA,qBACA,eAAiB,CAErB,cACI,yBAA2B,CAO/B,qDACA,kCAEQ,eAAiB,CAEzB,sBACQ,WAAa,CACpB,CAED,yBACA,QACQ,WAAa,CAErB,SACQ,WAAa,CACpB","file":"static/css/app.5b47040a23ec3fcb78037de398c53557.css","sourcesContent":["\nhtml,\nbody {\n margin: 0;\n padding: 0;\n}\nbutton {\n margin: 0;\n padding: 0;\n border: 0;\n background: none;\n font-size: 100%;\n vertical-align: baseline;\n font-family: inherit;\n font-weight: inherit;\n color: inherit;\n -webkit-appearance: none;\n appearance: none;\n -webkit-font-smoothing: antialiased;\n -moz-osx-font-smoothing: grayscale;\n}\nbody {\n font: 14px 'Helvetica Neue', Helvetica, Arial, sans-serif;\n line-height: 1.4em;\n background: #f5f5f5;\n color: #4d4d4d;\n min-width: 230px;\n max-width: 550px;\n margin: 0 auto;\n -webkit-font-smoothing: antialiased;\n -moz-osx-font-smoothing: grayscale;\n font-weight: 300;\n}\n:focus {\n outline: 0;\n}\n.hidden {\n display: none;\n}\n.todoapp {\n background: #fff;\n margin: 130px 0 40px 0;\n position: relative;\n box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.2),\n 0 25px 50px 0 rgba(0, 0, 0, 0.1);\n}\n.todoapp input::-webkit-input-placeholder {\n font-style: italic;\n font-weight: 300;\n color: #e6e6e6;\n}\n.todoapp input::-moz-placeholder {\n font-style: italic;\n font-weight: 300;\n color: #e6e6e6;\n}\n.todoapp input::input-placeholder {\n font-style: italic;\n font-weight: 300;\n color: #e6e6e6;\n}\n.todoapp h1 {\n position: absolute;\n top: -155px;\n width: 100%;\n font-size: 100px;\n font-weight: 100;\n text-align: center;\n color: rgba(175, 47, 47, 0.15);\n -webkit-text-rendering: optimizeLegibility;\n -moz-text-rendering: optimizeLegibility;\n text-rendering: optimizeLegibility;\n}\n.new-todo,\n.edit {\n position: relative;\n margin: 0;\n width: 100%;\n font-size: 24px;\n font-family: inherit;\n font-weight: inherit;\n line-height: 1.4em;\n border: 0;\n color: inherit;\n padding: 6px;\n border: 1px solid #999;\n box-shadow: inset 0 -1px 5px 0 rgba(0, 0, 0, 0.2);\n box-sizing: border-box;\n -webkit-font-smoothing: antialiased;\n -moz-osx-font-smoothing: grayscale;\n}\n.new-todo {\n padding: 16px 16px 16px 60px;\n border: none;\n background: rgba(0, 0, 0, 0.003);\n box-shadow: inset 0 -2px 1px rgba(0,0,0,0.03);\n}\n.main {\n position: relative;\n z-index: 2;\n border-top: 1px solid #e6e6e6;\n}\n.toggle-all {\n text-align: center;\n border: none; /* Mobile Safari */\n opacity: 0;\n position: absolute;\n}\n.toggle-all + label {\n width: 60px;\n height: 34px;\n font-size: 0;\n position: absolute;\n top: -52px;\n left: -13px;\n -webkit-transform: rotate(90deg);\n transform: rotate(90deg);\n}\n.toggle-all + label:before {\n content: '❯';\n font-size: 22px;\n color: #e6e6e6;\n padding: 10px 27px 10px 27px;\n}\n.toggle-all:checked + label:before {\n color: #737373;\n}\n.todo-list {\n margin: 0;\n padding: 0;\n list-style: none;\n}\n.todo-list li {\n position: relative;\n font-size: 24px;\n border-bottom: 1px solid #ededed;\n}\n.todo-list li:last-child {\n border-bottom: none;\n}\n.todo-list li.editing {\n border-bottom: none;\n padding: 0;\n}\n.todo-list li.editing .edit {\n display: block;\n width: 506px;\n padding: 12px 16px;\n margin: 0 0 0 43px;\n}\n.todo-list li.editing .view {\n display: none;\n}\n.todo-list li .toggle {\n text-align: center;\n width: 40px;\n /* auto, since non-WebKit browsers doesn't support input styling */\n height: auto;\n position: absolute;\n top: 0;\n bottom: 0;\n margin: auto 0;\n border: none; /* Mobile Safari */\n -webkit-appearance: none;\n appearance: none;\n}\n.todo-list li .toggle {\n opacity: 0;\n}\n.todo-list li .toggle + label {\n /*\n Firefox requires `#` to be escaped - https://bugzilla.mozilla.org/show_bug.cgi?id=922433\n IE 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 */\n background-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%23ededed%22%20stroke-width%3D%223%22/%3E%3C/svg%3E');\n background-repeat: no-repeat;\n background-position: center left;\n}\n.todo-list li .toggle:checked + label {\n background-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%23bddad5%22%20stroke-width%3D%223%22/%3E%3Cpath%20fill%3D%22%235dc2af%22%20d%3D%22M72%2025L42%2071%2027%2056l-4%204%2020%2020%2034-52z%22/%3E%3C/svg%3E');\n}\n.todo-list li label {\n word-break: break-all;\n padding: 15px 15px 15px 60px;\n display: block;\n line-height: 1.2;\n transition: color 0.4s;\n}\n.todo-list li.completed label {\n color: #d9d9d9;\n text-decoration: line-through;\n}\n.todo-list li .destroy {\n display: none;\n position: absolute;\n top: 0;\n right: 10px;\n bottom: 0;\n width: 40px;\n height: 40px;\n margin: auto 0;\n font-size: 30px;\n color: #cc9a9a;\n margin-bottom: 11px;\n transition: color 0.2s ease-out;\n}\n.todo-list li .destroy:hover {\n color: #af5b5e;\n}\n.todo-list li .destroy:after {\n content: '×';\n}\n.todo-list li:hover .destroy {\n display: block;\n}\n.todo-list li .edit {\n display: none;\n}\n.todo-list li.editing:last-child {\n margin-bottom: -1px;\n}\n.footer {\n color: #777;\n padding: 10px 15px;\n height: 20px;\n text-align: center;\n border-top: 1px solid #e6e6e6;\n}\n.footer:before {\n content: '';\n position: absolute;\n right: 0;\n bottom: 0;\n left: 0;\n height: 50px;\n overflow: hidden;\n box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2),\n 0 8px 0 -3px #f6f6f6,\n 0 9px 1px -3px rgba(0, 0, 0, 0.2),\n 0 16px 0 -6px #f6f6f6,\n 0 17px 2px -6px rgba(0, 0, 0, 0.2);\n}\n.todo-count {\n float: left;\n text-align: left;\n}\n.todo-count strong {\n font-weight: 300;\n}\n.filters {\n margin: 0;\n padding: 0;\n list-style: none;\n position: absolute;\n right: 0;\n left: 0;\n}\n.filters li {\n display: inline;\n}\n.filters li a {\n color: inherit;\n margin: 3px;\n padding: 3px 7px;\n text-decoration: none;\n border: 1px solid transparent;\n border-radius: 3px;\n}\n.filters li a:hover {\n border-color: rgba(175, 47, 47, 0.1);\n}\n.filters li a.selected {\n border-color: rgba(175, 47, 47, 0.2);\n}\n.clear-completed,\nhtml .clear-completed:active {\n float: right;\n position: relative;\n line-height: 20px;\n text-decoration: none;\n cursor: pointer;\n}\n.clear-completed:hover {\n text-decoration: underline;\n}\n.info {\n margin: 65px auto 0;\n color: #bfbfbf;\n font-size: 10px;\n text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);\n text-align: center;\n}\n.info p {\n line-height: 1;\n}\n.info a {\n color: inherit;\n text-decoration: none;\n font-weight: 400;\n}\n.info a:hover {\n text-decoration: underline;\n}\n\n/*\n Hack to remove background from Mobile Safari.\n Can't use it globally since it destroys checkboxes in Firefox\n*/\n@media screen and (-webkit-min-device-pixel-ratio:0) {\n.toggle-all,\n .todo-list li .toggle {\n background: none;\n}\n.todo-list li .toggle {\n height: 40px;\n}\n}\n@media (max-width: 430px) {\n.footer {\n height: 50px;\n}\n.filters {\n bottom: 10px;\n}\n}\n\n\n\n// WEBPACK FOOTER //\n// ./src/components/todo.css"],"sourceRoot":""} |