From c022740d17310f1a802f347de6032aa787e8a825 Mon Sep 17 00:00:00 2001 From: yeoji Date: Thu, 27 May 2021 08:02:00 +0000 Subject: [PATCH] =?UTF-8?q?Deploying=20to=20gh-pages=20from=20@=20yeoji/sp?= =?UTF-8?q?ritesheet-cutter@30a1915448cc4fdbd1ab8330f4a9f07d07943801=20?= =?UTF-8?q?=F0=9F=9A=80?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- all.3f2add8f.css | 2 -- all.612baf03.css | 2 ++ all.3f2add8f.css.map => all.612baf03.css.map | 2 +- index.html | 2 +- src.1df4aaf3.js | 2 +- 5 files changed, 5 insertions(+), 5 deletions(-) delete mode 100644 all.3f2add8f.css create mode 100644 all.612baf03.css rename all.3f2add8f.css.map => all.612baf03.css.map (98%) diff --git a/all.3f2add8f.css b/all.3f2add8f.css deleted file mode 100644 index 9a32146..0000000 --- a/all.3f2add8f.css +++ /dev/null @@ -1,2 +0,0 @@ -@font-face{font-family:oswald;src:url(/oswald.3c7ec23f.ttf) format("truetype")}body,dd,dl,dt,form,html,li,ol,ul{padding:0;margin:0;display:block}ol,ul{list-style:none}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}button,input,select,textarea{font-size:100%;margin:0;vertical-align:baseline}button,input{line-height:normal}button,input[type=button],input[type=reset],input[type=submit]{cursor:pointer;-webkit-appearance:button}label{cursor:pointer}input,select{vertical-align:middle}input,input[type=radio],select{_vertical-align:text-bottom}input[type=checkbox]{vertical-align:bottom;*vertical-align:baseline}button.custom{padding:0;margin:0;border:0;background:none;cursor:pointer;overflow:visible;vertical-align:middle;font-size:1em;width:auto}button.custom::-moz-focus-inner{border:0;padding:0}body{font:13px/1.231 sans-serif;color:#fff}code,kbd,pre,samp{font-family:monospace,serif;font-size:1em}p{line-height:1.4}input,select,textarea{color:#333;font-family:sans-serif}a img{border:0}a:link,a:visited{text-decoration:none;color:#ffb135;font-weight:700}a:active,a:hover{text-decoration:underline}html{background:#004a86;background:-webkit-radial-gradient(center center,circle cover,grey 0,grey 15%,#000 100%);background:-moz-radial-gradient(center center,circle cover,grey 0,grey 15%,#000 100%);background:-ms-radial-gradient(center center,circle cover,grey 0,grey 15%,#000 100%);background:-o-radial-gradient(center center,circle cover,grey 0,grey 15%,#000 100%);background:radial-gradient(center center,circle cover,grey 0,grey 15%,#000 100%)}body,html{height:100%}body{min-height:100%;margin:0;padding:0 20px;background:url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAFAAAABQAgMAAADzfxo+AAAADFBMVEX///////////8AAAD1GyhhAAAABHRSTlMoNhsAX8Wz8wAAAC5JREFUOMtjCMUCGOr///7/fz8qMWQEs1YtWrVKC5UY9dGoj0Z9NOqjUR8NckEAV3eSqNB2GKwAAAAASUVORK5CYII=")}.container{width:100%;height:100%;margin:0 auto;position:relative;display:table;table-layout:fixed}.container.intro{width:635px;height:auto}.container>*{display:table-row}.not-supported .container{display:none}.main-header{display:table-cell;text-align:center;height:0}.main-header .h-main{display:none}.intro .further-detail{height:0}.toolbar-bottom-container,.toolbar-container{display:table-row;position:relative;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;-o-user-select:none;user-select:none}.cow-logo{background:url(/sprites1.be53a5af.png) no-repeat -2px -66px;position:relative;left:25px;height:20px;margin:0;opacity:0;overflow:hidden;text-indent:-5000px;display:inline-block;-webkit-transform:scale(.1);-moz-transform:scale(.1);-ms-transform:scale(.1);-o-transform:scale(.1);transform:scale(.1);-webkit-transform-origin:50% 0;-moz-transform-origin:50% 0;-ms-transform-origin:50% 0;-o-transform-origin:50% 0;transform-origin:50% 0}.intro .cow-logo{width:448px;height:388px;margin:66px 0 29px;opacity:1;-webkit-transform:scale(1);-moz-transform:scale(1);-ms-transform:scale(1);-o-transform:scale(1);transform:scale(1)}.h-main{font:normal 59px/1 oswald,sans-serif;color:#fff;text-shadow:#004a86 0 4px 1px;text-align:center}.canvas-view{text-align:center;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;-o-user-select:none;user-select:none}.canvas-view .upload-input{position:absolute;top:-5000px;left:-5000px;cursor:pointer;z-index:10}.canvas-view .lg-button{display:none}.intro .canvas-view .lg-button{display:inline-block}.canvas-cell{display:table-cell;height:100%;position:relative}.intro .canvas-cell{height:139px;cursor:auto}.canvas-inner{overflow:auto;background:#fff url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQAQMAAAAlPW0iAAAABlBMVEX///8AAABVwtN+AAAAAnRSTlMzMz0oyR4AAAARSURBVAgdY/jPwIAVYRf9DwB+vw/xbMOy9QAAAABJRU5ErkJggg==");box-shadow:0 4px 18px rgba(0,0,0,.35);position:relative;height:100%}.opera .canvas-inner{position:absolute;top:0;left:0;right:0;bottom:0;height:auto}.intro .canvas-inner{overflow:hidden}.sprite-canvas-container{position:absolute;min-width:100%;min-height:100%}.sprite-canvas-container canvas{display:block}.sprite-canvas-container .highlight{background:rgba(0,90,255,.25);position:absolute;top:0;left:0;width:5px;height:5px;pointer-events:none;border:1px solid rgba(0,114,255,.5);box-sizing:border-box;display:none;-webkit-transition:.5s ease-in-out;-moz-transition:.5s ease-in-out;-ms-transition:.5s ease-in-out;-o-transition:.5s ease-in-out;transition:.5s ease-in-out;-webkit-transition-property:border,background;-moz-transition-property:border,background;-ms-transition-property:border,background;-o-transition-property:border,background;transition-property:border,background}.sprite-canvas-container .highlight.high-vis{background-color:rgba(0,255,48,.25);border-color:rgba(0,255,51,.5)}.intro .sprite-canvas-container{opacity:0}.select-btn{margin:0 48px 0 0}.start-buttons{position:absolute;top:39px;left:0;width:100%;text-align:center}.drop-indicator{position:absolute;top:0;left:0;right:0;bottom:0;background:rgba(37,207,28,.2);box-shadow:inset 0 0 18px #175a00;display:none;pointer-events:none}.drag-over .drop-indicator{display:block;opacity:1}.lg-button{width:192px;border-radius:100px;color:#fff;font:normal 29px/1 oswald,sans-serif;padding:14px 20px;box-shadow:inset 0 0 6px #ff6c00,0 3px 6px rgba(0,0,0,.7);cursor:pointer;text-shadow:rgba(0,0,0,.5) 0 2px 0;background:-webkit-linear-gradient(top,#ffb95a,#ff6c00 50%,#c73a00);background:-moz-linear-gradient(top,#ffb95a 0,#ff6c00 50%,#c73a00 100%);background:-ms-linear-gradient(top,#ffb95a 0,#ff6c00 50%,#c73a00 100%);background:-o-linear-gradient(top,#ffb95a 0,#ff6c00 50%,#c73a00 100%);background:linear-gradient(top,#ffb95a,#ff6c00 50%,#c73a00)}.css-output{display:block;white-space:pre;background:rgba(0,0,0,.1);padding:20px 30px;overflow:auto;position:relative;tab-size:4}.intro .css-output{height:0;padding-top:0;padding-bottom:0;overflow:hidden}.css-output code{font-size:1.2em;line-height:1}.css-output [data-inline-edit]{position:relative;display:inline-block}.css-output [data-inline-edit]:before{border-bottom:1px dotted #fff;position:absolute;left:0;bottom:-3px;right:0;content:""}.css-output .file{cursor:pointer}.css-output input[type=text]{position:absolute;border:1px solid #ccc;background:#fff;color:#333;font:normal 12px/1 monospace;padding:3px;outline:none}.preview-panel{display:grid;grid-template-columns:1fr 1fr 2fr;background-color:#b9b9b9;color:#000;padding-left:50px}.preview-panel .panel-title{font-size:large}.intro .preview-panel{height:0;padding-top:0;padding-bottom:0;overflow:hidden}.preview-panel [data-inline-edit]{position:relative;display:inline-block;background-color:#fff;width:150px;border:1px solid #000}.preview-panel [data-inline-edit]:before{position:absolute;left:0;bottom:-3px;right:0;content:""}.preview-panel input[type=text]{position:absolute;border:1px solid #ccc;background:#fff;color:#333;font:normal 12px/1 monospace;padding:3px;outline:none}.toolbar{overflow:hidden;padding:5px 6px 0;position:relative;z-index:1;border-color:#e2e2e2 #000 #888;border-style:solid;border-width:1px 0;color:#333;background:-webkit-linear-gradient(top,#d0d0d0,#a7a7a7);background:-moz-linear-gradient(top,#d0d0d0,#a7a7a7);background:-ms-linear-gradient(top,#d0d0d0,#a7a7a7);background:-o-linear-gradient(top,#d0d0d0,#a7a7a7);background:linear-gradient(top,#d0d0d0,#a7a7a7)}.toolbar.top{border-radius:5px 5px 0 0}.intro .toolbar{height:0;padding-top:0;padding-bottom:0;border-top-width:0;border-bottom-width:0}.toolbar [role=button]{float:left;margin:0 5px 5px 0;border:1px solid #888;border-radius:4px;cursor:pointer;padding:4px 10px 4px 26px;position:relative;background:-webkit-linear-gradient(top,#fefefe,#b8b8b8);background:-moz-linear-gradient(top,#fefefe,#b8b8b8);background:-ms-linear-gradient(top,#fefefe,#b8b8b8);background:-o-linear-gradient(top,#fefefe,#b8b8b8);background:linear-gradient(top,#fefefe,#b8b8b8)}.toolbar [role=button]:before{content:"";width:16px;height:17px;position:absolute;top:4px;left:5px;background:url(/sprites1.be53a5af.png) no-repeat}.toolbar [role=button].active{background:#707070;box-shadow:inset 0 3px 7px rgba(0,0,0,.6);color:#fff}.toolbar [role=button].no-label{width:26px;padding:4px 0;text-indent:-5000px}.toolbar [role=button].select-sprite:before{background-position:-4px -2px}.toolbar [role=button].select-bg:before{background-position:-50px -3px}.toolbar [role=button].open-img:before{background-position:-26px -2px}.toolbar [role=button].invert-bg:before{background-position:-99px -2px}.toolbar [role=button].reload-img:before{background-position:-75px -2px}.toolbar [role=button].percent:before{background-position:-121px -2px}.toolbar [role=button].bg-size:before{background-position:-141px -1px}.toolbar .feedback{float:left;padding:5px;color:#555;opacity:0}.toolbar-group [role=button]{margin-right:0;border-radius:0;border-left-width:0}.toolbar-group [role=button]:first-child{border-left-width:1px;border-radius:4px 0 0 4px}.toolbar-group [role=button]:last-child{margin-right:5px;border-radius:0 4px 4px 0}.main-footer{overflow:hidden;background:rgba(0,0,0,.23)}.main-footer p{float:right;padding:15px 29px 0;margin:0;white-space:nowrap}.intro .main-footer p{padding:12px 16px 0}.main-footer .the-team-logo{background:url(/sprites1.be53a5af.png) no-repeat -4px -29px;width:88px;height:17px;display:inline-block;text-indent:-5000px;vertical-align:top;margin:-1px 0 0 4px}.main-footer ul{float:left;padding:16px 30px}.intro .main-footer ul{padding:13px 16px}.main-footer li{display:inline}.main-footer li a:link,.main-footer li a:visited{font-weight:400;color:#fff;float:left;padding:0 10px 0 0;margin:0 10px 0 0;border-right:1px solid #fff}.main-footer li:last-child a:link,.main-footer li:last-child a:visited{padding:0;margin:0;border:none}.feature-test{display:none;width:800px;margin:0 auto;text-align:center}.not-supported .feature-test{display:block}.feature-test h1{font:normal 2.5em sans-serif;margin:0;padding:40px 0}.feature-test ul{display:inline-block;*display:inline;zoom:1}.feature-test li{margin:10px auto;font-size:1.1em;overflow:hidden;text-align:left}.feature-test p{width:600px;margin:0 auto 20px;font-size:1.1em;text-align:left}.feature-test .fail,.feature-test .pass{float:left;width:50px;font-weight:700;color:#5f5}.feature-test .fail{color:#f55}.intro-copy{display:none} -/*# sourceMappingURL=/all.3f2add8f.css.map */ \ No newline at end of file diff --git a/all.612baf03.css b/all.612baf03.css new file mode 100644 index 0000000..6db3fd4 --- /dev/null +++ b/all.612baf03.css @@ -0,0 +1,2 @@ +@font-face{font-family:oswald;src:url(oswald.3c7ec23f.ttf) format("truetype")}body,dd,dl,dt,form,html,li,ol,ul{padding:0;margin:0;display:block}ol,ul{list-style:none}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}button,input,select,textarea{font-size:100%;margin:0;vertical-align:baseline}button,input{line-height:normal}button,input[type=button],input[type=reset],input[type=submit]{cursor:pointer;-webkit-appearance:button}label{cursor:pointer}input,select{vertical-align:middle}input,input[type=radio],select{_vertical-align:text-bottom}input[type=checkbox]{vertical-align:bottom;*vertical-align:baseline}button.custom{padding:0;margin:0;border:0;background:none;cursor:pointer;overflow:visible;vertical-align:middle;font-size:1em;width:auto}button.custom::-moz-focus-inner{border:0;padding:0}body{font:13px/1.231 sans-serif;color:#fff}code,kbd,pre,samp{font-family:monospace,serif;font-size:1em}p{line-height:1.4}input,select,textarea{color:#333;font-family:sans-serif}a img{border:0}a:link,a:visited{text-decoration:none;color:#ffb135;font-weight:700}a:active,a:hover{text-decoration:underline}html{background:#004a86;background:-webkit-radial-gradient(center center,circle cover,grey 0,grey 15%,#000 100%);background:-moz-radial-gradient(center center,circle cover,grey 0,grey 15%,#000 100%);background:-ms-radial-gradient(center center,circle cover,grey 0,grey 15%,#000 100%);background:-o-radial-gradient(center center,circle cover,grey 0,grey 15%,#000 100%);background:radial-gradient(center center,circle cover,grey 0,grey 15%,#000 100%)}body,html{height:100%}body{min-height:100%;margin:0;padding:0 20px;background:url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAFAAAABQAgMAAADzfxo+AAAADFBMVEX///////////8AAAD1GyhhAAAABHRSTlMoNhsAX8Wz8wAAAC5JREFUOMtjCMUCGOr///7/fz8qMWQEs1YtWrVKC5UY9dGoj0Z9NOqjUR8NckEAV3eSqNB2GKwAAAAASUVORK5CYII=")}.container{width:100%;height:100%;margin:0 auto;position:relative;display:table;table-layout:fixed}.container.intro{width:635px;height:auto}.container>*{display:table-row}.not-supported .container{display:none}.main-header{display:table-cell;text-align:center;height:0}.main-header .h-main{display:none}.intro .further-detail{height:0}.toolbar-bottom-container,.toolbar-container{display:table-row;position:relative;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;-o-user-select:none;user-select:none}.cow-logo{background:url(sprites1.be53a5af.png) no-repeat -2px -66px;position:relative;left:25px;height:20px;margin:0;opacity:0;overflow:hidden;text-indent:-5000px;display:inline-block;-webkit-transform:scale(.1);-moz-transform:scale(.1);-ms-transform:scale(.1);-o-transform:scale(.1);transform:scale(.1);-webkit-transform-origin:50% 0;-moz-transform-origin:50% 0;-ms-transform-origin:50% 0;-o-transform-origin:50% 0;transform-origin:50% 0}.intro .cow-logo{width:448px;height:388px;margin:66px 0 29px;opacity:1;-webkit-transform:scale(1);-moz-transform:scale(1);-ms-transform:scale(1);-o-transform:scale(1);transform:scale(1)}.h-main{font:normal 59px/1 oswald,sans-serif;color:#fff;text-shadow:#004a86 0 4px 1px;text-align:center}.canvas-view{text-align:center;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;-o-user-select:none;user-select:none}.canvas-view .upload-input{position:absolute;top:-5000px;left:-5000px;cursor:pointer;z-index:10}.canvas-view .lg-button{display:none}.intro .canvas-view .lg-button{display:inline-block}.canvas-cell{display:table-cell;height:100%;position:relative}.intro .canvas-cell{height:139px;cursor:auto}.canvas-inner{overflow:auto;background:#fff url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQAQMAAAAlPW0iAAAABlBMVEX///8AAABVwtN+AAAAAnRSTlMzMz0oyR4AAAARSURBVAgdY/jPwIAVYRf9DwB+vw/xbMOy9QAAAABJRU5ErkJggg==");box-shadow:0 4px 18px rgba(0,0,0,.35);position:relative;height:100%}.opera .canvas-inner{position:absolute;top:0;left:0;right:0;bottom:0;height:auto}.intro .canvas-inner{overflow:hidden}.sprite-canvas-container{position:absolute;min-width:100%;min-height:100%}.sprite-canvas-container canvas{display:block}.sprite-canvas-container .highlight{background:rgba(0,90,255,.25);position:absolute;top:0;left:0;width:5px;height:5px;pointer-events:none;border:1px solid rgba(0,114,255,.5);box-sizing:border-box;display:none;-webkit-transition:.5s ease-in-out;-moz-transition:.5s ease-in-out;-ms-transition:.5s ease-in-out;-o-transition:.5s ease-in-out;transition:.5s ease-in-out;-webkit-transition-property:border,background;-moz-transition-property:border,background;-ms-transition-property:border,background;-o-transition-property:border,background;transition-property:border,background}.sprite-canvas-container .highlight.high-vis{background-color:rgba(0,255,48,.25);border-color:rgba(0,255,51,.5)}.intro .sprite-canvas-container{opacity:0}.select-btn{margin:0 48px 0 0}.start-buttons{position:absolute;top:39px;left:0;width:100%;text-align:center}.drop-indicator{position:absolute;top:0;left:0;right:0;bottom:0;background:rgba(37,207,28,.2);box-shadow:inset 0 0 18px #175a00;display:none;pointer-events:none}.drag-over .drop-indicator{display:block;opacity:1}.lg-button{width:192px;border-radius:100px;color:#fff;font:normal 29px/1 oswald,sans-serif;padding:14px 20px;box-shadow:inset 0 0 6px #ff6c00,0 3px 6px rgba(0,0,0,.7);cursor:pointer;text-shadow:rgba(0,0,0,.5) 0 2px 0;background:-webkit-linear-gradient(top,#ffb95a,#ff6c00 50%,#c73a00);background:-moz-linear-gradient(top,#ffb95a 0,#ff6c00 50%,#c73a00 100%);background:-ms-linear-gradient(top,#ffb95a 0,#ff6c00 50%,#c73a00 100%);background:-o-linear-gradient(top,#ffb95a 0,#ff6c00 50%,#c73a00 100%);background:linear-gradient(top,#ffb95a,#ff6c00 50%,#c73a00)}.css-output{display:block;white-space:pre;background:rgba(0,0,0,.1);padding:20px 30px;overflow:auto;position:relative;tab-size:4}.intro .css-output{height:0;padding-top:0;padding-bottom:0;overflow:hidden}.css-output code{font-size:1.2em;line-height:1}.css-output [data-inline-edit]{position:relative;display:inline-block}.css-output [data-inline-edit]:before{border-bottom:1px dotted #fff;position:absolute;left:0;bottom:-3px;right:0;content:""}.css-output .file{cursor:pointer}.css-output input[type=text]{position:absolute;border:1px solid #ccc;background:#fff;color:#333;font:normal 12px/1 monospace;padding:3px;outline:none}.preview-panel{display:grid;grid-template-columns:1fr 1fr 2fr;background-color:#b9b9b9;color:#000;padding-left:50px}.preview-panel .panel-title{font-size:large}.intro .preview-panel{height:0;padding-top:0;padding-bottom:0;overflow:hidden}.preview-panel [data-inline-edit]{position:relative;display:inline-block;background-color:#fff;width:150px;border:1px solid #000}.preview-panel [data-inline-edit]:before{position:absolute;left:0;bottom:-3px;right:0;content:""}.preview-panel input[type=text]{position:absolute;border:1px solid #ccc;background:#fff;color:#333;font:normal 12px/1 monospace;padding:3px;outline:none}.toolbar{overflow:hidden;padding:5px 6px 0;position:relative;z-index:1;border-color:#e2e2e2 #000 #888;border-style:solid;border-width:1px 0;color:#333;background:-webkit-linear-gradient(top,#d0d0d0,#a7a7a7);background:-moz-linear-gradient(top,#d0d0d0,#a7a7a7);background:-ms-linear-gradient(top,#d0d0d0,#a7a7a7);background:-o-linear-gradient(top,#d0d0d0,#a7a7a7);background:linear-gradient(top,#d0d0d0,#a7a7a7)}.toolbar.top{border-radius:5px 5px 0 0}.intro .toolbar{height:0;padding-top:0;padding-bottom:0;border-top-width:0;border-bottom-width:0}.toolbar [role=button]{float:left;margin:0 5px 5px 0;border:1px solid #888;border-radius:4px;cursor:pointer;padding:4px 10px 4px 26px;position:relative;background:-webkit-linear-gradient(top,#fefefe,#b8b8b8);background:-moz-linear-gradient(top,#fefefe,#b8b8b8);background:-ms-linear-gradient(top,#fefefe,#b8b8b8);background:-o-linear-gradient(top,#fefefe,#b8b8b8);background:linear-gradient(top,#fefefe,#b8b8b8)}.toolbar [role=button]:before{content:"";width:16px;height:17px;position:absolute;top:4px;left:5px;background:url(sprites1.be53a5af.png) no-repeat}.toolbar [role=button].active{background:#707070;box-shadow:inset 0 3px 7px rgba(0,0,0,.6);color:#fff}.toolbar [role=button].no-label{width:26px;padding:4px 0;text-indent:-5000px}.toolbar [role=button].select-sprite:before{background-position:-4px -2px}.toolbar [role=button].select-bg:before{background-position:-50px -3px}.toolbar [role=button].open-img:before{background-position:-26px -2px}.toolbar [role=button].invert-bg:before{background-position:-99px -2px}.toolbar [role=button].reload-img:before{background-position:-75px -2px}.toolbar [role=button].percent:before{background-position:-121px -2px}.toolbar [role=button].bg-size:before{background-position:-141px -1px}.toolbar .feedback{float:left;padding:5px;color:#555;opacity:0}.toolbar-group [role=button]{margin-right:0;border-radius:0;border-left-width:0}.toolbar-group [role=button]:first-child{border-left-width:1px;border-radius:4px 0 0 4px}.toolbar-group [role=button]:last-child{margin-right:5px;border-radius:0 4px 4px 0}.main-footer{overflow:hidden;background:rgba(0,0,0,.23)}.main-footer p{float:right;padding:15px 29px 0;margin:0;white-space:nowrap}.intro .main-footer p{padding:12px 16px 0}.main-footer .the-team-logo{background:url(sprites1.be53a5af.png) no-repeat -4px -29px;width:88px;height:17px;display:inline-block;text-indent:-5000px;vertical-align:top;margin:-1px 0 0 4px}.main-footer ul{float:left;padding:16px 30px}.intro .main-footer ul{padding:13px 16px}.main-footer li{display:inline}.main-footer li a:link,.main-footer li a:visited{font-weight:400;color:#fff;float:left;padding:0 10px 0 0;margin:0 10px 0 0;border-right:1px solid #fff}.main-footer li:last-child a:link,.main-footer li:last-child a:visited{padding:0;margin:0;border:none}.feature-test{display:none;width:800px;margin:0 auto;text-align:center}.not-supported .feature-test{display:block}.feature-test h1{font:normal 2.5em sans-serif;margin:0;padding:40px 0}.feature-test ul{display:inline-block;*display:inline;zoom:1}.feature-test li{margin:10px auto;font-size:1.1em;overflow:hidden;text-align:left}.feature-test p{width:600px;margin:0 auto 20px;font-size:1.1em;text-align:left}.feature-test .fail,.feature-test .pass{float:left;width:50px;font-weight:700;color:#5f5}.feature-test .fail{color:#f55}.intro-copy{display:none} +/*# sourceMappingURL=all.612baf03.css.map */ \ No newline at end of file diff --git a/all.3f2add8f.css.map b/all.612baf03.css.map similarity index 98% rename from all.3f2add8f.css.map rename to all.612baf03.css.map index 6ca20d0..bc052cd 100644 --- a/all.3f2add8f.css.map +++ b/all.612baf03.css.map @@ -1 +1 @@ -{"version":3,"sources":["style/_fonts.scss","style/_globals.scss","style/_structure.scss","style/_utils.scss","style/_components.scss"],"names":[],"mappings":"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,WAGF,kBACC,eAGD,6BACC,iBAAA,CACA,qBAAA,CACA,eAAA,CACA,UAAA,CACA,4BAAA,CACA,WAAA,CACA,aAIF,eACC,YAAA,CACA,iCAAA,CACA,wBAAA,CACA,UAAA,CACA,kBAEA,4BACC,gBAGD,sBACC,QAAA,CACA,aAAA,CACA,gBAAA,CACA,gBAGD,kCACC,iBAAA,CACA,oBAAA,CACA,qBAAA,CACA,WAAA,CACA,sBAEA,yCAEC,iBAAA,CACA,MAAA,CACA,WAAA,CACA,OAAA,CACA,WAIF,gCACC,iBAAA,CACA,qBAAA,CACA,eAAA,CACA,UAAA,CACA,4BAAA,CACA,WAAA,CACA,aAKF,SACC,eAAA,CACA,iBAAA,CACA,iBAAA,CACA,SAAA,CAGA,8BAAA,CAAA,kBAAA,CAAA,kBAAA,CACA,UAAA,CD/OC,uDAAA,CAAA,oDAAA,CAAA,mDAAA,CAAA,kDAAA,CAAA,gDCkPD,aACC,0BAGD,gBACC,QAAA,CACA,aAAA,CACA,gBAAA,CACA,kBAAA,CACA,sBAGD,uBACC,UAAA,CACA,kBAAA,CACA,qBAAA,CACA,iBAAA,CACA,cAAA,CACA,yBAAA,CACA,iBAAA,CDrQA,uDAAA,CAAA,oDAAA,CAAA,mDAAA,CAAA,kDAAA,CAAA,gDCyQA,8BACC,UAAA,CACA,UAAA,CACA,WAAA,CACA,iBAAA,CACA,OAAA,CACA,QAAA,CACA,gEAED,8BACC,kBAAA,CACA,yCAAA,CACA,WAED,gCACC,UAAA,CACA,aAAA,CACA,oBAED,4CACC,8BAED,wCACC,+BAED,uCACC,+BAED,wCACC,+BAED,yCACC,+BAED,sCACC,gCAED,sCACC,gCAGF,mBACC,UAAA,CACA,WAAA,CACA,UAAA,CACA,UAIF,6BACC,cAAA,CACA,eAAA,CACA,oBAEA,yCACC,qBAAA,CACA,0BAED,wCACC,gBAAA,CACA,0BAIF,aACC,eAAA,CACA,2BAEA,eACC,WAAA,CACA,mBAAA,CACA,QAAA,CACA,mBAEA,sBACC,oBAGF,4BACC,0EAAA,CACA,UAAA,CACA,WAAA,CACA,oBAAA,CACA,mBAAA,CACA,kBAAA,CACA,oBAED,gBACC,UAAA,CACA,kBAEA,uBACC,kBAGF,gBACC,eAEA,iDAEC,eAAA,CACA,UAAA,CACA,UAAA,CACA,kBAAA,CACA,iBAAA,CACA,4BAED,uEAEC,SAAA,CACA,QAAA,CACA,YAKH,cACC,YAAA,CACA,WAAA,CACA,aAAA,CACA,kBAEA,6BACC,cAED,iBACC,4BAAA,CACA,QAAA,CACA,eAED,iBACC,oBAAA,EACA,cAAA,CACA,OAED,iBACC,gBAAA,CACA,eAAA,CACA,eAAA,CACA,gBAED,gBACC,WAAA,CACA,kBAAA,CACA,eAAA,CACA,gBAED,wCAEC,UAAA,CACA,UAAA,CACA,eAAA,CACA,WAED,oBACC,WAIF,YACC","file":"all.3f2add8f.css","sourceRoot":"../public","sourcesContent":["@font-face {\n\tfont-family: oswald;\n\tsrc: url('fonts/oswald.ttf') format('truetype');\n}","// Resets\n\thtml,\n\tbody,\n\tul,\n\tol,\n\tli,\n\tform,\n\tdl,\n\tdt,\n\tdd {\n\t\tpadding: 0;\n\t\tmargin: 0;\n\t\tdisplay: block;\n\t}\n\tul,\n\tol {\n\t\tlist-style: none;\n\t}\n\tarticle,\n\taside,\n\tdetails,\n\tfigcaption,\n\tfigure,\n\tfooter,\n\theader,\n\thgroup,\n\tmenu,\n\tnav,\n\tsection {\n\t\tdisplay: block;\n\t}\n// Forms\n\tselect,\n\tinput,\n\ttextarea,\n\tbutton {\n\t\tfont-size: 100%;\n\t\tmargin: 0;\n\t\tvertical-align: baseline;\n\t}\n\n\tbutton,\n\tinput {\n\t line-height: normal;\n\t}\n\t\n\tbutton,\n\tinput[type=\"button\"],\n\tinput[type=\"reset\"],\n\tinput[type=\"submit\"] {\n\t cursor: pointer;\n\t -webkit-appearance: button;\n\t}\n\tlabel {\n\t\tcursor: pointer;\n\t}\n\n\tinput, select {\n\t\tvertical-align: middle;\n\t\t_vertical-align: text-bottom;\n\t}\n\t\n\tinput[type=\"radio\"] { vertical-align: text-bottom; }\n\tinput[type=\"checkbox\"] { vertical-align: bottom; *vertical-align: baseline; }\n\t\n\tbutton.custom {\n\t\tpadding: 0;\n\t\tmargin: 0;\n\t\tborder: 0;\n\t\tbackground: none;\n\t\tcursor: pointer;\n\t\toverflow: visible;\n\t\tvertical-align: middle;\n\t\tfont-size: 1em;\n\t\twidth: auto;\n\t}\n\tbutton.custom::-moz-focus-inner { \n\t\tborder: 0;\n\t\tpadding: 0;\n\t}\n// Typography\n\tbody {\n\t\tfont:13px/1.231 sans-serif;\n\t\tcolor: #fff;\n\t}\n\tpre,\n\tcode,\n\tkbd,\n\tsamp {\n\t\tfont-family: monospace, serif;\n\t\tfont-size: 1em;\n\t}\n\tp {\n\t\tline-height: 1.4;\n\t}\n\tselect,\n\tinput,\n\ttextarea {\n\t\tcolor: #333;\n\t\tfont-family: sans-serif;\n\t}\n// Links\n\ta {\n\t\t& img {\n\t\t\tborder: 0;\n\t\t}\n\t\t&:link,\n\t\t&:visited {\n\t\t\ttext-decoration: none;\n\t\t\tcolor: #ffb135;\n\t\t\tfont-weight: bold;\n\t\t}\n\t\t&:hover,\n\t\t&:active {\n\t\t\ttext-decoration: underline;\n\t\t}\n\t}","// Background\n\thtml {\n\t\theight: 100%;\n\t\tbackground: #004a86;\n\n\t\t@include radial-gradient((\n\t\t\tcenter center,\n\t\t\tcircle cover,\n\t\t\tgrey 0%,\n\t\t\tgrey 15%,\n\t\t\tblack 100%\n\t\t));\n\t}\n\tbody {\n\t\theight: 100%;\n\t\tmin-height: 100%;\n\t\tmargin: 0;\n\t\tpadding: 0 20px;\n\t\tbackground: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAFAAAABQAgMAAADzfxo+AAAADFBMVEX///////////8AAAD1GyhhAAAABHRSTlMoNhsAX8Wz8wAAAC5JREFUOMtjCMUCGOr///7/fz8qMWQEs1YtWrVKC5UY9dGoj0Z9NOqjUR8NckEAV3eSqNB2GKwAAAAASUVORK5CYII=');\n\t}\n// Main container\n\t.container {\t\t\n\t\twidth: 100%;\n\t\theight: 100%;\n\t\tmargin: 0 auto;\n\t\tposition: relative;\n\t\tdisplay: table;\n\t\ttable-layout: fixed;\n\n\t\t&.intro {\n\t\t\twidth: 635px;\n\t\t\theight: auto;\n\t\t}\n\t\t& > * {\n\t\t\tdisplay: table-row;\n\t\t}\n\t\t.not-supported & {\n\t\t\tdisplay: none;\n\t\t}\n\t}\n// Main header\n\t.main-header {\n\t\tdisplay: table-cell;\n\t\ttext-align: center;\n\t\theight: 0;\n\t\t\n\t\t& .h-main {\n\t\t\tdisplay: none;\n\t\t}\n\t}\n// Further detail\n\t.further-detail {\n\n\t\t.intro & {\n\t\t\theight: 0;\n\t\t}\n\t}\n// Toolbar\n\t.toolbar-container,\n\t.toolbar-bottom-container {\n\t\tdisplay: table-row;\n\t\tposition: relative;\n\t\t@include user-select(none);\n\t}","@mixin user-select($type) {\n\t@each $prefix in -webkit-, -moz-, -ms-, -o-, '' {\n\t\t#{$prefix}user-select: $type;\n\t}\n}\n// Transform\n\t@mixin transform($transformation) {\n\t\t@each $prefix in -webkit-, -moz-, -ms-, -o-, '' {\n\t\t\t#{$prefix}transform: $transformation;\n\t\t}\n\t}\n\t@mixin transform-origin($val) {\n\t\t@each $prefix in -webkit-, -moz-, -ms-, -o-, '' {\n\t\t\t#{$prefix}transform-origin: $val;\n\t\t}\n\t}\n// Gradients\n\t@mixin radial-gradient($type) {\n\t\t@each $prefix in -webkit-, -moz-, -ms-, -o-, '' {\n\t\t\tbackground: #{$prefix}radial-gradient($type);\n\t\t}\n\t}\n\t@mixin linear-gradient($type) {\n\t\t@each $prefix in -webkit-, -moz-, -ms-, -o-, '' {\n\t\t\tbackground: #{$prefix}linear-gradient($type);\n\t\t}\n\t}\n// Transitions/Animation\n\t@mixin transition($type) {\n\t\t@each $prefix in -webkit-, -moz-, -ms-, -o-, '' {\n\t\t\t#{$prefix}transition: $type;\n\t\t}\n\t}\n\t@mixin transition-property($type) {\n\t\t@each $prefix in -webkit-, -moz-, -ms-, -o-, '' {\n\t\t\t#{$prefix}transition-property: $type;\n\t\t}\n\t}","// Logo\n\t.cow-logo {\n\t\tbackground: url(\"imgs/sprites1.png\") no-repeat -2px -66px;\n\t\tposition: relative;\n\t\tleft: 25px;\n\t\theight: 20px;\n\t\tmargin: 0;\n\t\topacity: 0;\n\t\toverflow: hidden;\n\t\ttext-indent: -5000px;\n\t\tdisplay: inline-block;\n\t\t@include transform( scale(0.1) );\n\t\t@include transform-origin(50% 0);\n\n\t\t.intro & {\n\t\t\twidth: 448px;\n\t\t\theight: 388px;\n\t\t\tmargin: 66px 0 29px;\n\t\t\topacity: 1;\n\t\t\t@include transform( scale(1) );\n\t\t}\n\t}\n// Headings\n\t.h-main {\n\t\tfont: normal 59px/1 oswald, sans-serif;\n\t\tcolor: white;\n\t\ttext-shadow: #004A86 0 4px 1px;\n\t\ttext-align: center;\n\t}\n// Canvas\n\t.canvas-view {\n\t\ttext-align: center;\n\t\t@include user-select(none);\n\n\t\t& .upload-input {\n\t\t\tposition: absolute;\n\t\t\ttop: -5000px;\n\t\t\tleft: -5000px;\n\t\t\tcursor: pointer;\n\t\t\tz-index: 10;\n\t\t}\n\t\t& .lg-button {\n\t\t\tdisplay: none;\n\t\t\t.intro & {\n\t\t\t\tdisplay: inline-block;\n\t\t\t}\n\t\t}\n\t}\n\t.canvas-cell {\n\t\tdisplay: table-cell;\n\t\theight: 100%;\n\t\tposition: relative;\n\n\t\t.intro & {\n\t\t\theight: 139px;\n\t\t\tcursor: auto;\n\t\t}\n\t}\n\t.canvas-inner {\n\t\toverflow: auto;\n\t\tbackground: #fff url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQAQMAAAAlPW0iAAAABlBMVEX///8AAABVwtN+AAAAAnRSTlMzMz0oyR4AAAARSURBVAgdY/jPwIAVYRf9DwB+vw/xbMOy9QAAAABJRU5ErkJggg==');\n\t\tbox-shadow: 0 4px 18px rgba(0,0,0,0.35);\n\t\tposition: relative;\n\t\theight: 100%;\n\n\t\t.opera & {\n\t\t\t/*\n\t\t\t\tOpera treats the 100% height as the height of the body element, not the\n\t\t\t\ttable cell. This absolute layout works around that. However, it works\n\t\t\t\tbecause Opera recognises the position:relative on the table cell, which\n\t\t\t\tit shouldn't really. Using this fix on all browsers breaks layout in\n\t\t\t\tFirefox.\n\t\t\t*/\n\t\t\tposition: absolute;\n\t\t\ttop: 0;\n\t\t\tleft: 0;\n\t\t\tright: 0;\n\t\t\tbottom: 0;\n\t\t\theight: auto;\n\t\t}\n\n\t\t.intro & {\n\t\t\toverflow: hidden;\n\t\t}\n\t}\n\t.sprite-canvas-container {\n\t\tposition: absolute;\n\t\tmin-width: 100%;\n\t\tmin-height: 100%;\n\n\t\t& canvas {\n\t\t\tdisplay: block;\n\t\t}\n\n\t\t& .highlight {\n\t\t\tbackground: rgba(0, 90, 255, 0.25);\n\t\t\tposition: absolute;\n\t\t\ttop: 0;\n\t\t\tleft: 0;\n\t\t\twidth: 5px;\n\t\t\theight: 5px;\n\t\t\tpointer-events: none;\n\t\t\tborder: 1px solid rgba(0, 114, 255, 0.5);\n\t\t\tbox-sizing: border-box;\n\t\t\tdisplay: none;\n\n\t\t\t@include transition(0.5s ease-in-out);\n\t\t\t@include transition-property((border, background));\n\n\t\t\t&.high-vis {\n\t\t\t\tbackground-color: rgba(0, 255, 48, 0.25);\n\t\t\t\tborder-color: rgba(0, 255, 51, 0.5);\n\t\t\t}\n\t\t}\n\n\t\t.intro & {\n\t\t\topacity: 0;\n\t\t}\n\t}\n\t.select-btn {\n\t\tmargin: 0 48px 0 0;\n\t}\n\t.start-buttons {\n\t\tposition: absolute;\n\t\ttop: 39px;\n\t\tleft: 0;\n\t\twidth: 100%;\n\t\ttext-align: center;\n\t}\n\t.drop-indicator {\n\t\tposition: absolute;\n\t\ttop: 0;\n\t\tleft: 0;\n\t\tright: 0;\n\t\tbottom: 0;\n\t\tbackground: rgba(37, 207, 28, 0.2);\n\t\tbox-shadow: inset 0 0 18px #175a00;\n\t\tdisplay: none;\n\t\tpointer-events: none;\n\n\t\t.drag-over & {\n\t\t\tdisplay: block;\n\t\t\topacity: 1;\n\t\t}\n\t}\n// Buttons\n\t.lg-button {\n\t\twidth: 192px;\n\t\tborder-radius: 100px;\n\t\tcolor: #fff;\n\t\tfont: normal 29px/1 oswald, sans-serif;\n\t\tpadding: 14px 20px;\n\t\tbox-shadow: inset 0 0 6px rgba(255, 108, 0, 1), 0 3px 6px rgba(0, 0, 0, 0.7);\n\t\tcursor: pointer;\n\t\ttext-shadow: rgba(0,0,0,0.5) 0 2px 0;\n\n\t\t@include linear-gradient((top, rgba(255,185,90,1) 0%, rgba(255,108,0,1) 50%, rgba(199,58,0,1) 100%));\n\t}\n// CSS output\n\t.css-output {\n\t\tdisplay: block;\n\t\twhite-space: pre;\n\t\tbackground: rgba(0, 0, 0, 0.1);\n\t\tpadding: 20px 30px;\n\t\toverflow: auto;\n\t\tposition: relative;\n\t\ttab-size: 4;\n\n\t\t.intro & {\n\t\t\theight: 0;\n\t\t\tpadding-top: 0;\n\t\t\tpadding-bottom: 0;\n\t\t\toverflow: hidden;\n\t\t}\n\n\t\t& code {\n\t\t\tfont-size: 1.2em;\n\t\t\tline-height: 1;\n\t\t}\n\n\t\t& [data-inline-edit] {\n\t\t\tposition: relative;\n\t\t\tdisplay: inline-block;\n\n\t\t\t&::before {\n\t\t\t\tborder-bottom: 1px dotted #fff;\n\t\t\t\tposition: absolute;\n\t\t\t\tleft: 0;\n\t\t\t\tbottom: -3px;\n\t\t\t\tright: 0;\n\t\t\t\tcontent: \"\";\n\t\t\t}\n\t\t}\n\t\t& .file {\n\t\t\tcursor: pointer;\n\t\t}\n\n\t\t& input[type='text'] {\n\t\t\tposition: absolute;\n\t\t\tborder: 1px solid #ccc;\n\t\t\tbackground: #fff;\n\t\t\tcolor: #333;\n\t\t\tfont: normal 12px/1 monospace;\n\t\t\tpadding: 3px;\n\t\t\toutline: none;\n\t\t}\n\t}\n// Preview Panel\n\t.preview-panel {\n\t\tdisplay: grid;\n\t\tgrid-template-columns: 1fr 1fr 2fr;\n\t\tbackground-color: #B9B9B9;\n\t\tcolor: #000;\n\t\tpadding-left: 50px;\n\n\t\t& .panel-title {\n\t\t\tfont-size: large;\n\t\t}\n\n\t\t.intro & {\n\t\t\theight: 0;\n\t\t\tpadding-top: 0;\n\t\t\tpadding-bottom: 0;\n\t\t\toverflow: hidden;\n\t\t}\n\n\t\t& [data-inline-edit] {\n\t\t\tposition: relative;\n\t\t\tdisplay: inline-block;\n\t\t\tbackground-color: white;\n\t\t\twidth: 150px;\n\t\t\tborder: 1px solid black;\n\n\t\t\t&::before {\n\t\t\t\t// border-bottom: 1px dotted #fff;\n\t\t\t\tposition: absolute;\n\t\t\t\tleft: 0;\n\t\t\t\tbottom: -3px;\n\t\t\t\tright: 0;\n\t\t\t\tcontent: \"\";\n\t\t\t}\n\t\t}\n\n\t\t& input[type='text'] {\n\t\t\tposition: absolute;\n\t\t\tborder: 1px solid #ccc;\n\t\t\tbackground: #fff;\n\t\t\tcolor: #333;\n\t\t\tfont: normal 12px/1 monospace;\n\t\t\tpadding: 3px;\n\t\t\toutline: none;\n\t\t}\n\t}\n\n// Toolbar\n\t.toolbar {\n\t\toverflow: hidden;\n\t\tpadding: 5px 6px 0;\n\t\tposition: relative;\n\t\tz-index: 1;\n\t\tborder-style: solid;\n\t\tborder-width: 1px 0;\n\t\tborder-color: #e2e2e2 #000 #888;\n\t\tcolor: #333;\n\t\t@include linear-gradient((top, #d0d0d0, #a7a7a7));\n\n\t\t&.top {\n\t\t\tborder-radius: 5px 5px 0 0;\n\t\t}\n\n\t\t.intro & {\n\t\t\theight: 0;\n\t\t\tpadding-top: 0;\n\t\t\tpadding-bottom: 0;\n\t\t\tborder-top-width: 0;\n\t\t\tborder-bottom-width: 0;\n\t\t}\n\n\t\t& [role=button] {\n\t\t\tfloat: left;\n\t\t\tmargin: 0 5px 5px 0;\n\t\t\tborder: 1px solid #888;\n\t\t\tborder-radius: 4px;\n\t\t\tcursor: pointer;\n\t\t\tpadding: 4px 10px 4px 26px;\n\t\t\tposition: relative;\n\t\t\t\n\t\t\t@include linear-gradient((top, #fefefe, #b8b8b8));\n\n\t\t\t&::before {\n\t\t\t\tcontent: '';\n\t\t\t\twidth: 16px;\n\t\t\t\theight: 17px;\n\t\t\t\tposition: absolute;\n\t\t\t\ttop: 4px;\n\t\t\t\tleft: 5px;\n\t\t\t\tbackground: url('imgs/sprites1.png') no-repeat;\n\t\t\t}\n\t\t\t&.active {\n\t\t\t\tbackground: #707070;\n\t\t\t\tbox-shadow: inset 0 3px 7px rgba(0,0,0,0.6);\n\t\t\t\tcolor: #fff;\t\n\t\t\t}\n\t\t\t&.no-label {\n\t\t\t\twidth: 26px;\n\t\t\t\tpadding: 4px 0;\n\t\t\t\ttext-indent: -5000px;\n\t\t\t}\n\t\t\t&.select-sprite::before {\n\t\t\t\tbackground-position: -4px -2px;\n\t\t\t}\n\t\t\t&.select-bg::before {\n\t\t\t\tbackground-position: -50px -3px;\n\t\t\t}\n\t\t\t&.open-img::before {\n\t\t\t\tbackground-position: -26px -2px;\n\t\t\t}\n\t\t\t&.invert-bg::before {\n\t\t\t\tbackground-position: -99px -2px;\n\t\t\t}\n\t\t\t&.reload-img::before {\n\t\t\t\tbackground-position: -75px -2px;\n\t\t\t}\n\t\t\t&.percent::before {\n\t\t\t\tbackground-position: -121px -2px;\n\t\t\t}\n\t\t\t&.bg-size::before {\n\t\t\t\tbackground-position: -141px -1px;\n\t\t\t}\n\t\t}\n\t\t& .feedback {\n\t\t\tfloat: left;\n\t\t\tpadding: 5px;\n\t\t\tcolor: #555;\n\t\t\topacity: 0;\n\t\t}\n\t}\n\n\t.toolbar-group [role=button] {\n\t\tmargin-right: 0;\n\t\tborder-radius: 0;\n\t\tborder-left-width: 0;\n\n\t\t&:first-child {\n\t\t\tborder-left-width: 1px;\n\t\t\tborder-radius: 4px 0 0 4px;\n\t\t}\n\t\t&:last-child {\n\t\t\tmargin-right: 5px;\n\t\t\tborder-radius: 0 4px 4px 0;\n\t\t}\n\t}\n// Footer\n\t.main-footer {\n\t\toverflow: hidden;\n\t\tbackground: rgba(0, 0, 0, .23);\n\n\t\t& p {\n\t\t\tfloat: right;\n\t\t\tpadding: 15px 29px 0;\n\t\t\tmargin: 0;\n\t\t\twhite-space: nowrap;\n\n\t\t\t.intro & {\n\t\t\t\tpadding: 12px 16px 0;\n\t\t\t}\n\t\t}\n\t\t& .the-team-logo {\n\t\t\tbackground: url('imgs/sprites1.png') no-repeat -4px -29px;\n\t\t\twidth: 88px;\n\t\t\theight: 17px;\n\t\t\tdisplay: inline-block;\n\t\t\ttext-indent: -5000px;\n\t\t\tvertical-align: top;\n\t\t\tmargin: -1px 0 0 4px;\n\t\t}\n\t\t& ul {\n\t\t\tfloat: left;\n\t\t\tpadding: 16px 30px;\n\n\t\t\t.intro & {\n\t\t\t\tpadding: 13px 16px;\n\t\t\t}\n\t\t}\n\t\t& li {\n\t\t\tdisplay: inline;\n\n\t\t\t& a:link,\n\t\t\t& a:visited {\n\t\t\t\tfont-weight: normal;\n\t\t\t\tcolor: #fff;\n\t\t\t\tfloat: left;\n\t\t\t\tpadding: 0 10px 0 0;\n\t\t\t\tmargin: 0 10px 0 0;\n\t\t\t\tborder-right: 1px solid #fff;\n\t\t\t}\n\t\t\t&:last-child a:link,\n\t\t\t&:last-child a:visited {\n\t\t\t\tpadding: 0;\n\t\t\t\tmargin: 0;\n\t\t\t\tborder: none;\n\t\t\t}\n\t\t}\n\t}\n// Feature tests\n\t.feature-test {\n\t\tdisplay: none;\n\t\twidth: 800px;\n\t\tmargin: 0 auto;\n\t\ttext-align: center;\n\n\t\t.not-supported & {\n\t\t\tdisplay: block;\n\t\t}\n\t\t& h1 {\n\t\t\tfont: normal 2.5em sans-serif;\n\t\t\tmargin: 0;\n\t\t\tpadding: 40px 0;\n\t\t}\n\t\t& ul {\n\t\t\tdisplay: inline-block;\n\t\t\t*display: inline;\n\t\t\tzoom: 1;\n\t\t}\n\t\t& li {\n\t\t\tmargin: 10px auto;\n\t\t\tfont-size: 1.1em;\n\t\t\toverflow: hidden;\n\t\t\ttext-align: left;\n\t\t}\n\t\t& p {\n\t\t\twidth: 600px;\n\t\t\tmargin: 0 auto 20px;\n\t\t\tfont-size: 1.1em;\n\t\t\ttext-align: left;\n\t\t}\n\t\t& .pass,\n\t\t& .fail {\n\t\t\tfloat: left;\n\t\t\twidth: 50px;\n\t\t\tfont-weight: bold;\n\t\t\tcolor: #5f5;\n\t\t}\n\t\t& .fail {\n\t\t\tcolor: #f55;\n\t\t}\n\t}\n// Intro copy\n\t.intro-copy {\n\t\tdisplay: none;\n\t}"]} \ No newline at end of file +{"version":3,"sources":["style/_fonts.scss","style/_globals.scss","style/_structure.scss","style/_utils.scss","style/_components.scss"],"names":[],"mappings":"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,WAGF,kBACC,eAGD,6BACC,iBAAA,CACA,qBAAA,CACA,eAAA,CACA,UAAA,CACA,4BAAA,CACA,WAAA,CACA,aAIF,eACC,YAAA,CACA,iCAAA,CACA,wBAAA,CACA,UAAA,CACA,kBAEA,4BACC,gBAGD,sBACC,QAAA,CACA,aAAA,CACA,gBAAA,CACA,gBAGD,kCACC,iBAAA,CACA,oBAAA,CACA,qBAAA,CACA,WAAA,CACA,sBAEA,yCAEC,iBAAA,CACA,MAAA,CACA,WAAA,CACA,OAAA,CACA,WAIF,gCACC,iBAAA,CACA,qBAAA,CACA,eAAA,CACA,UAAA,CACA,4BAAA,CACA,WAAA,CACA,aAKF,SACC,eAAA,CACA,iBAAA,CACA,iBAAA,CACA,SAAA,CAGA,8BAAA,CAAA,kBAAA,CAAA,kBAAA,CACA,UAAA,CD/OC,uDAAA,CAAA,oDAAA,CAAA,mDAAA,CAAA,kDAAA,CAAA,gDCkPD,aACC,0BAGD,gBACC,QAAA,CACA,aAAA,CACA,gBAAA,CACA,kBAAA,CACA,sBAGD,uBACC,UAAA,CACA,kBAAA,CACA,qBAAA,CACA,iBAAA,CACA,cAAA,CACA,yBAAA,CACA,iBAAA,CDrQA,uDAAA,CAAA,oDAAA,CAAA,mDAAA,CAAA,kDAAA,CAAA,gDCyQA,8BACC,UAAA,CACA,UAAA,CACA,WAAA,CACA,iBAAA,CACA,OAAA,CACA,QAAA,CACA,+DAED,8BACC,kBAAA,CACA,yCAAA,CACA,WAED,gCACC,UAAA,CACA,aAAA,CACA,oBAED,4CACC,8BAED,wCACC,+BAED,uCACC,+BAED,wCACC,+BAED,yCACC,+BAED,sCACC,gCAED,sCACC,gCAGF,mBACC,UAAA,CACA,WAAA,CACA,UAAA,CACA,UAIF,6BACC,cAAA,CACA,eAAA,CACA,oBAEA,yCACC,qBAAA,CACA,0BAED,wCACC,gBAAA,CACA,0BAIF,aACC,eAAA,CACA,2BAEA,eACC,WAAA,CACA,mBAAA,CACA,QAAA,CACA,mBAEA,sBACC,oBAGF,4BACC,yEAAA,CACA,UAAA,CACA,WAAA,CACA,oBAAA,CACA,mBAAA,CACA,kBAAA,CACA,oBAED,gBACC,UAAA,CACA,kBAEA,uBACC,kBAGF,gBACC,eAEA,iDAEC,eAAA,CACA,UAAA,CACA,UAAA,CACA,kBAAA,CACA,iBAAA,CACA,4BAED,uEAEC,SAAA,CACA,QAAA,CACA,YAKH,cACC,YAAA,CACA,WAAA,CACA,aAAA,CACA,kBAEA,6BACC,cAED,iBACC,4BAAA,CACA,QAAA,CACA,eAED,iBACC,oBAAA,EACA,cAAA,CACA,OAED,iBACC,gBAAA,CACA,eAAA,CACA,eAAA,CACA,gBAED,gBACC,WAAA,CACA,kBAAA,CACA,eAAA,CACA,gBAED,wCAEC,UAAA,CACA,UAAA,CACA,eAAA,CACA,WAED,oBACC,WAIF,YACC","file":"all.612baf03.css","sourceRoot":"../public","sourcesContent":["@font-face {\n\tfont-family: oswald;\n\tsrc: url('fonts/oswald.ttf') format('truetype');\n}","// Resets\n\thtml,\n\tbody,\n\tul,\n\tol,\n\tli,\n\tform,\n\tdl,\n\tdt,\n\tdd {\n\t\tpadding: 0;\n\t\tmargin: 0;\n\t\tdisplay: block;\n\t}\n\tul,\n\tol {\n\t\tlist-style: none;\n\t}\n\tarticle,\n\taside,\n\tdetails,\n\tfigcaption,\n\tfigure,\n\tfooter,\n\theader,\n\thgroup,\n\tmenu,\n\tnav,\n\tsection {\n\t\tdisplay: block;\n\t}\n// Forms\n\tselect,\n\tinput,\n\ttextarea,\n\tbutton {\n\t\tfont-size: 100%;\n\t\tmargin: 0;\n\t\tvertical-align: baseline;\n\t}\n\n\tbutton,\n\tinput {\n\t line-height: normal;\n\t}\n\t\n\tbutton,\n\tinput[type=\"button\"],\n\tinput[type=\"reset\"],\n\tinput[type=\"submit\"] {\n\t cursor: pointer;\n\t -webkit-appearance: button;\n\t}\n\tlabel {\n\t\tcursor: pointer;\n\t}\n\n\tinput, select {\n\t\tvertical-align: middle;\n\t\t_vertical-align: text-bottom;\n\t}\n\t\n\tinput[type=\"radio\"] { vertical-align: text-bottom; }\n\tinput[type=\"checkbox\"] { vertical-align: bottom; *vertical-align: baseline; }\n\t\n\tbutton.custom {\n\t\tpadding: 0;\n\t\tmargin: 0;\n\t\tborder: 0;\n\t\tbackground: none;\n\t\tcursor: pointer;\n\t\toverflow: visible;\n\t\tvertical-align: middle;\n\t\tfont-size: 1em;\n\t\twidth: auto;\n\t}\n\tbutton.custom::-moz-focus-inner { \n\t\tborder: 0;\n\t\tpadding: 0;\n\t}\n// Typography\n\tbody {\n\t\tfont:13px/1.231 sans-serif;\n\t\tcolor: #fff;\n\t}\n\tpre,\n\tcode,\n\tkbd,\n\tsamp {\n\t\tfont-family: monospace, serif;\n\t\tfont-size: 1em;\n\t}\n\tp {\n\t\tline-height: 1.4;\n\t}\n\tselect,\n\tinput,\n\ttextarea {\n\t\tcolor: #333;\n\t\tfont-family: sans-serif;\n\t}\n// Links\n\ta {\n\t\t& img {\n\t\t\tborder: 0;\n\t\t}\n\t\t&:link,\n\t\t&:visited {\n\t\t\ttext-decoration: none;\n\t\t\tcolor: #ffb135;\n\t\t\tfont-weight: bold;\n\t\t}\n\t\t&:hover,\n\t\t&:active {\n\t\t\ttext-decoration: underline;\n\t\t}\n\t}","// Background\n\thtml {\n\t\theight: 100%;\n\t\tbackground: #004a86;\n\n\t\t@include radial-gradient((\n\t\t\tcenter center,\n\t\t\tcircle cover,\n\t\t\tgrey 0%,\n\t\t\tgrey 15%,\n\t\t\tblack 100%\n\t\t));\n\t}\n\tbody {\n\t\theight: 100%;\n\t\tmin-height: 100%;\n\t\tmargin: 0;\n\t\tpadding: 0 20px;\n\t\tbackground: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAFAAAABQAgMAAADzfxo+AAAADFBMVEX///////////8AAAD1GyhhAAAABHRSTlMoNhsAX8Wz8wAAAC5JREFUOMtjCMUCGOr///7/fz8qMWQEs1YtWrVKC5UY9dGoj0Z9NOqjUR8NckEAV3eSqNB2GKwAAAAASUVORK5CYII=');\n\t}\n// Main container\n\t.container {\t\t\n\t\twidth: 100%;\n\t\theight: 100%;\n\t\tmargin: 0 auto;\n\t\tposition: relative;\n\t\tdisplay: table;\n\t\ttable-layout: fixed;\n\n\t\t&.intro {\n\t\t\twidth: 635px;\n\t\t\theight: auto;\n\t\t}\n\t\t& > * {\n\t\t\tdisplay: table-row;\n\t\t}\n\t\t.not-supported & {\n\t\t\tdisplay: none;\n\t\t}\n\t}\n// Main header\n\t.main-header {\n\t\tdisplay: table-cell;\n\t\ttext-align: center;\n\t\theight: 0;\n\t\t\n\t\t& .h-main {\n\t\t\tdisplay: none;\n\t\t}\n\t}\n// Further detail\n\t.further-detail {\n\n\t\t.intro & {\n\t\t\theight: 0;\n\t\t}\n\t}\n// Toolbar\n\t.toolbar-container,\n\t.toolbar-bottom-container {\n\t\tdisplay: table-row;\n\t\tposition: relative;\n\t\t@include user-select(none);\n\t}","@mixin user-select($type) {\n\t@each $prefix in -webkit-, -moz-, -ms-, -o-, '' {\n\t\t#{$prefix}user-select: $type;\n\t}\n}\n// Transform\n\t@mixin transform($transformation) {\n\t\t@each $prefix in -webkit-, -moz-, -ms-, -o-, '' {\n\t\t\t#{$prefix}transform: $transformation;\n\t\t}\n\t}\n\t@mixin transform-origin($val) {\n\t\t@each $prefix in -webkit-, -moz-, -ms-, -o-, '' {\n\t\t\t#{$prefix}transform-origin: $val;\n\t\t}\n\t}\n// Gradients\n\t@mixin radial-gradient($type) {\n\t\t@each $prefix in -webkit-, -moz-, -ms-, -o-, '' {\n\t\t\tbackground: #{$prefix}radial-gradient($type);\n\t\t}\n\t}\n\t@mixin linear-gradient($type) {\n\t\t@each $prefix in -webkit-, -moz-, -ms-, -o-, '' {\n\t\t\tbackground: #{$prefix}linear-gradient($type);\n\t\t}\n\t}\n// Transitions/Animation\n\t@mixin transition($type) {\n\t\t@each $prefix in -webkit-, -moz-, -ms-, -o-, '' {\n\t\t\t#{$prefix}transition: $type;\n\t\t}\n\t}\n\t@mixin transition-property($type) {\n\t\t@each $prefix in -webkit-, -moz-, -ms-, -o-, '' {\n\t\t\t#{$prefix}transition-property: $type;\n\t\t}\n\t}","// Logo\n\t.cow-logo {\n\t\tbackground: url(\"imgs/sprites1.png\") no-repeat -2px -66px;\n\t\tposition: relative;\n\t\tleft: 25px;\n\t\theight: 20px;\n\t\tmargin: 0;\n\t\topacity: 0;\n\t\toverflow: hidden;\n\t\ttext-indent: -5000px;\n\t\tdisplay: inline-block;\n\t\t@include transform( scale(0.1) );\n\t\t@include transform-origin(50% 0);\n\n\t\t.intro & {\n\t\t\twidth: 448px;\n\t\t\theight: 388px;\n\t\t\tmargin: 66px 0 29px;\n\t\t\topacity: 1;\n\t\t\t@include transform( scale(1) );\n\t\t}\n\t}\n// Headings\n\t.h-main {\n\t\tfont: normal 59px/1 oswald, sans-serif;\n\t\tcolor: white;\n\t\ttext-shadow: #004A86 0 4px 1px;\n\t\ttext-align: center;\n\t}\n// Canvas\n\t.canvas-view {\n\t\ttext-align: center;\n\t\t@include user-select(none);\n\n\t\t& .upload-input {\n\t\t\tposition: absolute;\n\t\t\ttop: -5000px;\n\t\t\tleft: -5000px;\n\t\t\tcursor: pointer;\n\t\t\tz-index: 10;\n\t\t}\n\t\t& .lg-button {\n\t\t\tdisplay: none;\n\t\t\t.intro & {\n\t\t\t\tdisplay: inline-block;\n\t\t\t}\n\t\t}\n\t}\n\t.canvas-cell {\n\t\tdisplay: table-cell;\n\t\theight: 100%;\n\t\tposition: relative;\n\n\t\t.intro & {\n\t\t\theight: 139px;\n\t\t\tcursor: auto;\n\t\t}\n\t}\n\t.canvas-inner {\n\t\toverflow: auto;\n\t\tbackground: #fff url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQAQMAAAAlPW0iAAAABlBMVEX///8AAABVwtN+AAAAAnRSTlMzMz0oyR4AAAARSURBVAgdY/jPwIAVYRf9DwB+vw/xbMOy9QAAAABJRU5ErkJggg==');\n\t\tbox-shadow: 0 4px 18px rgba(0,0,0,0.35);\n\t\tposition: relative;\n\t\theight: 100%;\n\n\t\t.opera & {\n\t\t\t/*\n\t\t\t\tOpera treats the 100% height as the height of the body element, not the\n\t\t\t\ttable cell. This absolute layout works around that. However, it works\n\t\t\t\tbecause Opera recognises the position:relative on the table cell, which\n\t\t\t\tit shouldn't really. Using this fix on all browsers breaks layout in\n\t\t\t\tFirefox.\n\t\t\t*/\n\t\t\tposition: absolute;\n\t\t\ttop: 0;\n\t\t\tleft: 0;\n\t\t\tright: 0;\n\t\t\tbottom: 0;\n\t\t\theight: auto;\n\t\t}\n\n\t\t.intro & {\n\t\t\toverflow: hidden;\n\t\t}\n\t}\n\t.sprite-canvas-container {\n\t\tposition: absolute;\n\t\tmin-width: 100%;\n\t\tmin-height: 100%;\n\n\t\t& canvas {\n\t\t\tdisplay: block;\n\t\t}\n\n\t\t& .highlight {\n\t\t\tbackground: rgba(0, 90, 255, 0.25);\n\t\t\tposition: absolute;\n\t\t\ttop: 0;\n\t\t\tleft: 0;\n\t\t\twidth: 5px;\n\t\t\theight: 5px;\n\t\t\tpointer-events: none;\n\t\t\tborder: 1px solid rgba(0, 114, 255, 0.5);\n\t\t\tbox-sizing: border-box;\n\t\t\tdisplay: none;\n\n\t\t\t@include transition(0.5s ease-in-out);\n\t\t\t@include transition-property((border, background));\n\n\t\t\t&.high-vis {\n\t\t\t\tbackground-color: rgba(0, 255, 48, 0.25);\n\t\t\t\tborder-color: rgba(0, 255, 51, 0.5);\n\t\t\t}\n\t\t}\n\n\t\t.intro & {\n\t\t\topacity: 0;\n\t\t}\n\t}\n\t.select-btn {\n\t\tmargin: 0 48px 0 0;\n\t}\n\t.start-buttons {\n\t\tposition: absolute;\n\t\ttop: 39px;\n\t\tleft: 0;\n\t\twidth: 100%;\n\t\ttext-align: center;\n\t}\n\t.drop-indicator {\n\t\tposition: absolute;\n\t\ttop: 0;\n\t\tleft: 0;\n\t\tright: 0;\n\t\tbottom: 0;\n\t\tbackground: rgba(37, 207, 28, 0.2);\n\t\tbox-shadow: inset 0 0 18px #175a00;\n\t\tdisplay: none;\n\t\tpointer-events: none;\n\n\t\t.drag-over & {\n\t\t\tdisplay: block;\n\t\t\topacity: 1;\n\t\t}\n\t}\n// Buttons\n\t.lg-button {\n\t\twidth: 192px;\n\t\tborder-radius: 100px;\n\t\tcolor: #fff;\n\t\tfont: normal 29px/1 oswald, sans-serif;\n\t\tpadding: 14px 20px;\n\t\tbox-shadow: inset 0 0 6px rgba(255, 108, 0, 1), 0 3px 6px rgba(0, 0, 0, 0.7);\n\t\tcursor: pointer;\n\t\ttext-shadow: rgba(0,0,0,0.5) 0 2px 0;\n\n\t\t@include linear-gradient((top, rgba(255,185,90,1) 0%, rgba(255,108,0,1) 50%, rgba(199,58,0,1) 100%));\n\t}\n// CSS output\n\t.css-output {\n\t\tdisplay: block;\n\t\twhite-space: pre;\n\t\tbackground: rgba(0, 0, 0, 0.1);\n\t\tpadding: 20px 30px;\n\t\toverflow: auto;\n\t\tposition: relative;\n\t\ttab-size: 4;\n\n\t\t.intro & {\n\t\t\theight: 0;\n\t\t\tpadding-top: 0;\n\t\t\tpadding-bottom: 0;\n\t\t\toverflow: hidden;\n\t\t}\n\n\t\t& code {\n\t\t\tfont-size: 1.2em;\n\t\t\tline-height: 1;\n\t\t}\n\n\t\t& [data-inline-edit] {\n\t\t\tposition: relative;\n\t\t\tdisplay: inline-block;\n\n\t\t\t&::before {\n\t\t\t\tborder-bottom: 1px dotted #fff;\n\t\t\t\tposition: absolute;\n\t\t\t\tleft: 0;\n\t\t\t\tbottom: -3px;\n\t\t\t\tright: 0;\n\t\t\t\tcontent: \"\";\n\t\t\t}\n\t\t}\n\t\t& .file {\n\t\t\tcursor: pointer;\n\t\t}\n\n\t\t& input[type='text'] {\n\t\t\tposition: absolute;\n\t\t\tborder: 1px solid #ccc;\n\t\t\tbackground: #fff;\n\t\t\tcolor: #333;\n\t\t\tfont: normal 12px/1 monospace;\n\t\t\tpadding: 3px;\n\t\t\toutline: none;\n\t\t}\n\t}\n// Preview Panel\n\t.preview-panel {\n\t\tdisplay: grid;\n\t\tgrid-template-columns: 1fr 1fr 2fr;\n\t\tbackground-color: #B9B9B9;\n\t\tcolor: #000;\n\t\tpadding-left: 50px;\n\n\t\t& .panel-title {\n\t\t\tfont-size: large;\n\t\t}\n\n\t\t.intro & {\n\t\t\theight: 0;\n\t\t\tpadding-top: 0;\n\t\t\tpadding-bottom: 0;\n\t\t\toverflow: hidden;\n\t\t}\n\n\t\t& [data-inline-edit] {\n\t\t\tposition: relative;\n\t\t\tdisplay: inline-block;\n\t\t\tbackground-color: white;\n\t\t\twidth: 150px;\n\t\t\tborder: 1px solid black;\n\n\t\t\t&::before {\n\t\t\t\t// border-bottom: 1px dotted #fff;\n\t\t\t\tposition: absolute;\n\t\t\t\tleft: 0;\n\t\t\t\tbottom: -3px;\n\t\t\t\tright: 0;\n\t\t\t\tcontent: \"\";\n\t\t\t}\n\t\t}\n\n\t\t& input[type='text'] {\n\t\t\tposition: absolute;\n\t\t\tborder: 1px solid #ccc;\n\t\t\tbackground: #fff;\n\t\t\tcolor: #333;\n\t\t\tfont: normal 12px/1 monospace;\n\t\t\tpadding: 3px;\n\t\t\toutline: none;\n\t\t}\n\t}\n\n// Toolbar\n\t.toolbar {\n\t\toverflow: hidden;\n\t\tpadding: 5px 6px 0;\n\t\tposition: relative;\n\t\tz-index: 1;\n\t\tborder-style: solid;\n\t\tborder-width: 1px 0;\n\t\tborder-color: #e2e2e2 #000 #888;\n\t\tcolor: #333;\n\t\t@include linear-gradient((top, #d0d0d0, #a7a7a7));\n\n\t\t&.top {\n\t\t\tborder-radius: 5px 5px 0 0;\n\t\t}\n\n\t\t.intro & {\n\t\t\theight: 0;\n\t\t\tpadding-top: 0;\n\t\t\tpadding-bottom: 0;\n\t\t\tborder-top-width: 0;\n\t\t\tborder-bottom-width: 0;\n\t\t}\n\n\t\t& [role=button] {\n\t\t\tfloat: left;\n\t\t\tmargin: 0 5px 5px 0;\n\t\t\tborder: 1px solid #888;\n\t\t\tborder-radius: 4px;\n\t\t\tcursor: pointer;\n\t\t\tpadding: 4px 10px 4px 26px;\n\t\t\tposition: relative;\n\t\t\t\n\t\t\t@include linear-gradient((top, #fefefe, #b8b8b8));\n\n\t\t\t&::before {\n\t\t\t\tcontent: '';\n\t\t\t\twidth: 16px;\n\t\t\t\theight: 17px;\n\t\t\t\tposition: absolute;\n\t\t\t\ttop: 4px;\n\t\t\t\tleft: 5px;\n\t\t\t\tbackground: url('imgs/sprites1.png') no-repeat;\n\t\t\t}\n\t\t\t&.active {\n\t\t\t\tbackground: #707070;\n\t\t\t\tbox-shadow: inset 0 3px 7px rgba(0,0,0,0.6);\n\t\t\t\tcolor: #fff;\t\n\t\t\t}\n\t\t\t&.no-label {\n\t\t\t\twidth: 26px;\n\t\t\t\tpadding: 4px 0;\n\t\t\t\ttext-indent: -5000px;\n\t\t\t}\n\t\t\t&.select-sprite::before {\n\t\t\t\tbackground-position: -4px -2px;\n\t\t\t}\n\t\t\t&.select-bg::before {\n\t\t\t\tbackground-position: -50px -3px;\n\t\t\t}\n\t\t\t&.open-img::before {\n\t\t\t\tbackground-position: -26px -2px;\n\t\t\t}\n\t\t\t&.invert-bg::before {\n\t\t\t\tbackground-position: -99px -2px;\n\t\t\t}\n\t\t\t&.reload-img::before {\n\t\t\t\tbackground-position: -75px -2px;\n\t\t\t}\n\t\t\t&.percent::before {\n\t\t\t\tbackground-position: -121px -2px;\n\t\t\t}\n\t\t\t&.bg-size::before {\n\t\t\t\tbackground-position: -141px -1px;\n\t\t\t}\n\t\t}\n\t\t& .feedback {\n\t\t\tfloat: left;\n\t\t\tpadding: 5px;\n\t\t\tcolor: #555;\n\t\t\topacity: 0;\n\t\t}\n\t}\n\n\t.toolbar-group [role=button] {\n\t\tmargin-right: 0;\n\t\tborder-radius: 0;\n\t\tborder-left-width: 0;\n\n\t\t&:first-child {\n\t\t\tborder-left-width: 1px;\n\t\t\tborder-radius: 4px 0 0 4px;\n\t\t}\n\t\t&:last-child {\n\t\t\tmargin-right: 5px;\n\t\t\tborder-radius: 0 4px 4px 0;\n\t\t}\n\t}\n// Footer\n\t.main-footer {\n\t\toverflow: hidden;\n\t\tbackground: rgba(0, 0, 0, .23);\n\n\t\t& p {\n\t\t\tfloat: right;\n\t\t\tpadding: 15px 29px 0;\n\t\t\tmargin: 0;\n\t\t\twhite-space: nowrap;\n\n\t\t\t.intro & {\n\t\t\t\tpadding: 12px 16px 0;\n\t\t\t}\n\t\t}\n\t\t& .the-team-logo {\n\t\t\tbackground: url('imgs/sprites1.png') no-repeat -4px -29px;\n\t\t\twidth: 88px;\n\t\t\theight: 17px;\n\t\t\tdisplay: inline-block;\n\t\t\ttext-indent: -5000px;\n\t\t\tvertical-align: top;\n\t\t\tmargin: -1px 0 0 4px;\n\t\t}\n\t\t& ul {\n\t\t\tfloat: left;\n\t\t\tpadding: 16px 30px;\n\n\t\t\t.intro & {\n\t\t\t\tpadding: 13px 16px;\n\t\t\t}\n\t\t}\n\t\t& li {\n\t\t\tdisplay: inline;\n\n\t\t\t& a:link,\n\t\t\t& a:visited {\n\t\t\t\tfont-weight: normal;\n\t\t\t\tcolor: #fff;\n\t\t\t\tfloat: left;\n\t\t\t\tpadding: 0 10px 0 0;\n\t\t\t\tmargin: 0 10px 0 0;\n\t\t\t\tborder-right: 1px solid #fff;\n\t\t\t}\n\t\t\t&:last-child a:link,\n\t\t\t&:last-child a:visited {\n\t\t\t\tpadding: 0;\n\t\t\t\tmargin: 0;\n\t\t\t\tborder: none;\n\t\t\t}\n\t\t}\n\t}\n// Feature tests\n\t.feature-test {\n\t\tdisplay: none;\n\t\twidth: 800px;\n\t\tmargin: 0 auto;\n\t\ttext-align: center;\n\n\t\t.not-supported & {\n\t\t\tdisplay: block;\n\t\t}\n\t\t& h1 {\n\t\t\tfont: normal 2.5em sans-serif;\n\t\t\tmargin: 0;\n\t\t\tpadding: 40px 0;\n\t\t}\n\t\t& ul {\n\t\t\tdisplay: inline-block;\n\t\t\t*display: inline;\n\t\t\tzoom: 1;\n\t\t}\n\t\t& li {\n\t\t\tmargin: 10px auto;\n\t\t\tfont-size: 1.1em;\n\t\t\toverflow: hidden;\n\t\t\ttext-align: left;\n\t\t}\n\t\t& p {\n\t\t\twidth: 600px;\n\t\t\tmargin: 0 auto 20px;\n\t\t\tfont-size: 1.1em;\n\t\t\ttext-align: left;\n\t\t}\n\t\t& .pass,\n\t\t& .fail {\n\t\t\tfloat: left;\n\t\t\twidth: 50px;\n\t\t\tfont-weight: bold;\n\t\t\tcolor: #5f5;\n\t\t}\n\t\t& .fail {\n\t\t\tcolor: #f55;\n\t\t}\n\t}\n// Intro copy\n\t.intro-copy {\n\t\tdisplay: none;\n\t}"]} \ No newline at end of file diff --git a/index.html b/index.html index 27d9447..fa30d5c 100644 --- a/index.html +++ b/index.html @@ -1 +1 @@ -Spritesheet Cutter

Spritesheet Cutter

Load the example image

\ No newline at end of file +Spritesheet Cutter

Spritesheet Cutter

Load the example image

\ No newline at end of file diff --git a/src.1df4aaf3.js b/src.1df4aaf3.js index 4f5d332..cfbe842 100644 --- a/src.1df4aaf3.js +++ b/src.1df4aaf3.js @@ -33,4 +33,4 @@ var e,t=arguments[3],n=require("process");!function(e,t){"use strict";"object"== },{"jquery":"juYr","./SpriteCanvas":"vlAN","./SpriteCanvasView":"DfiV","./ImgInput":"IAGC","./Toolbar":"Q4fu","./pageLayout":"ZYyb","../cutter/PreviewPanel":"jAbj"}],"uBxZ":[function(require,module,exports) { "use strict";var e=i(require("./jquery/jquery.fileClickjack")),r=i(require("./jquery/jquery.transition")),u=i(require("./spritecow/base"));function i(e){return e&&e.__esModule?e:{default:e}} },{"./jquery/jquery.fileClickjack":"fzBL","./jquery/jquery.transition":"rpKC","./spritecow/base":"ZGaO"}]},{},["uBxZ"], null) -//# sourceMappingURL=/src.1df4aaf3.js.map \ No newline at end of file +//# sourceMappingURL=src.1df4aaf3.js.map \ No newline at end of file