From 5690c757525197d5581239d412fb20e840a55724 Mon Sep 17 00:00:00 2001 From: unknown Date: Wed, 3 Jul 2019 15:25:38 +0100 Subject: [PATCH] small style fixes --- docs/assets/main.js | 26 ++- docs/assets/mainmin.js | 11 +- docs/assets/style.css | 185 ++++++++++++++++++- docs/assets/style.css.map | 2 +- docs/assets/style.min.css | 2 +- docs/assets/style.min.css.map | 2 +- docs/assets/style.scss | 336 ++++++++++++++++++++++------------ docs/index.html | 4 + 8 files changed, 426 insertions(+), 142 deletions(-) diff --git a/docs/assets/main.js b/docs/assets/main.js index 60e27f8..8316ddf 100644 --- a/docs/assets/main.js +++ b/docs/assets/main.js @@ -114,14 +114,21 @@ document.getElementById("pixlInput").onchange = function(e) { //function to apply effects const pixelit = ()=>{ - px.setScale(blocksize.value).setPalette(paletteList[currentPalette]).draw().pixelate(); - greyscale.checked ? px.convertGrayscale() : null; - palette.checked ? px.convertPalette() : null; - maxheight.value ? px.setMaxHeight(maxheight.value).resizeImage() : null; - maxwidth.value ? px.setMaxWidth(maxwidth.value).resizeImage() : null; + document.querySelector('.loader').classList.toggle('active'); + px.setScale(blocksize.value).setPalette(paletteList[currentPalette]).draw().pixelate(); + greyscale.checked ? px.convertGrayscale() : null; + palette.checked ? px.convertPalette() : null; + maxheight.value ? px.setMaxHeight(maxheight.value).resizeImage() : null; + maxwidth.value ? px.setMaxWidth(maxwidth.value).resizeImage() : null; + setTimeout(() => { + document.querySelector('.loader').classList.toggle('active'); + }, 250); + } + + const makePaletteGradient = ()=>{ //create palette @@ -130,13 +137,16 @@ const makePaletteGradient = ()=>{ document.querySelector('#palettecolor').innerHTML = ''; paletteList[currentPalette].forEach(elem=>{ let div = document.createElement('div'); - div.innerHTML = `
`; + div.classList = 'colorblock'; + div.style.backgroundColor = `rgba(${elem[0]},${elem[1]},${elem[2]},1)`; + //div.innerHTML = `
`; document.querySelector('#palettecolor').appendChild(div); //pdivs += `
`; }); - document.querySelector('#palettecolor').innerHTML = pdivs; + //document.querySelector('#palettecolor').innerHTML = pdivs; } - makePaletteGradient(); + +makePaletteGradient(); //block size const blocksize = document.querySelector('#blocksize'); diff --git a/docs/assets/mainmin.js b/docs/assets/mainmin.js index b89edc8..06af208 100644 --- a/docs/assets/mainmin.js +++ b/docs/assets/mainmin.js @@ -28,11 +28,15 @@ document.addEventListener("DOMContentLoaded", function () { var pixelit = function pixelit() { + document.querySelector('.loader').classList.toggle('active'); px.setScale(blocksize.value).setPalette(paletteList[currentPalette]).draw().pixelate(); greyscale.checked ? px.convertGrayscale() : null; palette.checked ? px.convertPalette() : null; maxheight.value ? px.setMaxHeight(maxheight.value).resizeImage() : null; maxwidth.value ? px.setMaxWidth(maxwidth.value).resizeImage() : null; + setTimeout(function () { + document.querySelector('.loader').classList.toggle('active'); + }, 250); }; var makePaletteGradient = function makePaletteGradient() { @@ -42,10 +46,11 @@ document.addEventListener("DOMContentLoaded", function () { document.querySelector('#palettecolor').innerHTML = ''; paletteList[currentPalette].forEach(function (elem) { var div = document.createElement('div'); - div.innerHTML = "
"); + div.classList = 'colorblock'; + div.style.backgroundColor = "rgba(".concat(elem[0], ",").concat(elem[1], ",").concat(elem[2], ",1)"); //div.innerHTML = `
`; + document.querySelector('#palettecolor').appendChild(div); //pdivs += `
`; - }); - document.querySelector('#palettecolor').innerHTML = pdivs; + }); //document.querySelector('#palettecolor').innerHTML = pdivs; }; makePaletteGradient(); //block size diff --git a/docs/assets/style.css b/docs/assets/style.css index c3dbf7b..449d5d8 100644 --- a/docs/assets/style.css +++ b/docs/assets/style.css @@ -188,7 +188,7 @@ header .actions { width: 100%; } -.colorpallete { +.colorpalette { margin-top: 15px; text-transform: uppercase; display: -webkit-box; @@ -204,15 +204,29 @@ header .actions { flex-wrap: wrap; } -.colorpallete .text { +.colorpalette .text { margin-right: 15px; margin-bottom: 10px; + display: -webkit-inline-box; + display: -ms-inline-flexbox; + display: inline-flex; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; + -webkit-box-pack: start; + -ms-flex-pack: start; + justify-content: flex-start; + -ms-flex-wrap: wrap; + flex-wrap: wrap; } -.colorpallete .icons { - display: -webkit-box; - display: -ms-flexbox; - display: flex; +.colorpalette .icons { + display: -webkit-inline-box; + display: -ms-inline-flexbox; + display: inline-flex; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; @@ -220,7 +234,7 @@ header .actions { flex-wrap: wrap; } -.colorblock { +.colorpalette .colorblock { margin-right: 5px; margin-bottom: 5px; height: 25px; @@ -310,11 +324,11 @@ header .actions { padding: 3px; } -.selectors label input[type='range'] { +.selectors label input[type="range"] { width: 100px; } -.selectors label input[type='input'] { +.selectors label input[type="input"] { width: 50px; } @@ -360,4 +374,157 @@ header .actions { margin-top: 50px; font-family: "Open Sans", sans-serif; } + +.loader { + position: fixed; + top: 0; + left: 0; + right: 0; + bottom: 0; + height: 100vh; + width: 100vw; + display: none; + -webkit-box-pack: center; + -ms-flex-pack: center; + justify-content: center; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; + background-color: rgba(33, 56, 58, 0.4); +} + +.loader.active { + display: -webkit-box; + display: -ms-flexbox; + display: flex; +} + +.lds-spinner { + color: official; + display: inline-block; + position: relative; + width: 64px; + height: 64px; +} + +.lds-spinner div { + -webkit-transform-origin: 32px 32px; + transform-origin: 32px 32px; + -webkit-animation: lds-spinner 1.2s linear infinite; + animation: lds-spinner 1.2s linear infinite; +} + +.lds-spinner div:after { + content: " "; + display: block; + position: absolute; + top: 3px; + left: 29px; + width: 5px; + height: 14px; + border-radius: 20%; + background: #fff; +} + +.lds-spinner div:nth-child(1) { + -webkit-transform: rotate(0deg); + transform: rotate(0deg); + -webkit-animation-delay: -1.1s; + animation-delay: -1.1s; +} + +.lds-spinner div:nth-child(2) { + -webkit-transform: rotate(30deg); + transform: rotate(30deg); + -webkit-animation-delay: -1s; + animation-delay: -1s; +} + +.lds-spinner div:nth-child(3) { + -webkit-transform: rotate(60deg); + transform: rotate(60deg); + -webkit-animation-delay: -0.9s; + animation-delay: -0.9s; +} + +.lds-spinner div:nth-child(4) { + -webkit-transform: rotate(90deg); + transform: rotate(90deg); + -webkit-animation-delay: -0.8s; + animation-delay: -0.8s; +} + +.lds-spinner div:nth-child(5) { + -webkit-transform: rotate(120deg); + transform: rotate(120deg); + -webkit-animation-delay: -0.7s; + animation-delay: -0.7s; +} + +.lds-spinner div:nth-child(6) { + -webkit-transform: rotate(150deg); + transform: rotate(150deg); + -webkit-animation-delay: -0.6s; + animation-delay: -0.6s; +} + +.lds-spinner div:nth-child(7) { + -webkit-transform: rotate(180deg); + transform: rotate(180deg); + -webkit-animation-delay: -0.5s; + animation-delay: -0.5s; +} + +.lds-spinner div:nth-child(8) { + -webkit-transform: rotate(210deg); + transform: rotate(210deg); + -webkit-animation-delay: -0.4s; + animation-delay: -0.4s; +} + +.lds-spinner div:nth-child(9) { + -webkit-transform: rotate(240deg); + transform: rotate(240deg); + -webkit-animation-delay: -0.3s; + animation-delay: -0.3s; +} + +.lds-spinner div:nth-child(10) { + -webkit-transform: rotate(270deg); + transform: rotate(270deg); + -webkit-animation-delay: -0.2s; + animation-delay: -0.2s; +} + +.lds-spinner div:nth-child(11) { + -webkit-transform: rotate(300deg); + transform: rotate(300deg); + -webkit-animation-delay: -0.1s; + animation-delay: -0.1s; +} + +.lds-spinner div:nth-child(12) { + -webkit-transform: rotate(330deg); + transform: rotate(330deg); + -webkit-animation-delay: 0s; + animation-delay: 0s; +} + +@-webkit-keyframes lds-spinner { + 0% { + opacity: 1; + } + 100% { + opacity: 0; + } +} + +@keyframes lds-spinner { + 0% { + opacity: 1; + } + 100% { + opacity: 0; + } +} /*# sourceMappingURL=style.css.map */ \ No newline at end of file diff --git a/docs/assets/style.css.map b/docs/assets/style.css.map index eb92485..b05e90c 100644 --- a/docs/assets/style.css.map +++ b/docs/assets/style.css.map @@ -1,6 +1,6 @@ { "version": 3, - "mappings": "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", + "mappings": "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", "sources": [ "style.scss" ], diff --git a/docs/assets/style.min.css b/docs/assets/style.min.css index 7d1cfa7..f80475e 100644 --- a/docs/assets/style.min.css +++ b/docs/assets/style.min.css @@ -1,2 +1,2 @@ -@import url("https://fonts.googleapis.com/css?family=Open+Sans:400,700|VT323|Megrim|Rajdhani");*,*:after,*:before{margin:0;padding:0;-webkit-box-sizing:border-box;box-sizing:border-box}h1,h2{font-family:"Open Sans",sans-serif;text-align:center;margin:35px auto}h2{margin-bottom:10px}p{line-height:1.4;margin:10px auto;max-width:700px;width:100%}h2{text-transform:uppercase;font-size:2.1rem}body{color:#fdfdfd;font-family:"Open Sans",sans-serif;overflow-x:hidden}.wrap{max-width:1000px;width:100%;padding:25px 25px;margin:0 auto}.wrap p{margin-left:auto;margin-right:auto;text-align:center}.wrap img{margin:0 auto;position:relative;left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%);max-width:calc(100%);border:solid 5px #fdfdfd}.maxwidth{max-width:1000px;margin:0 auto}header{background-color:#21383a;padding:50px 25px}header h1{font-size:6rem;margin-top:0}header h1 span{color:#c1563d}header p{max-width:600px;line-height:1.4;margin:25px auto;text-align:center}header .actions{margin:35px 0;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-ms-flex-wrap:wrap;flex-wrap:wrap}.inputbtn{background-color:#d1aa09;color:#fdfdfd;font-size:1rem;padding:10px 10px}.btn{margin:15px;display:inline-block;padding:0px 25px;color:#fdfdfd;font-size:1.5rem;text-decoration:none;background-color:#d1aa09;font-family:"Open Sans",sans-serif;text-transform:uppercase;position:relative;z-index:10;border:0}.btn.small{margin:5px 0;font-size:1rem;font-family:"Open Sans",sans-serif}.btn:after{position:absolute;top:-5px;left:5px;background-color:#d1aa09;width:calc(100% - 10px);height:100%;content:"";z-index:-1}.btn:before{position:absolute;bottom:-5px;right:5px;background-color:#d1aa09;width:calc(100% - 10px);height:100%;content:"";z-index:-1}.btn.call{background-color:#c1563d}.btn.call:after,.btn.call:before{background-color:#c1563d}.example,.docs{background-color:rgba(209,170,9,0.5);color:#21383a}.working,.links{background-color:#2a484a}.links .wrap{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-ms-flex-wrap:wrap;flex-wrap:wrap}.infoselects{width:100%}.colorpallete{margin-top:15px;text-transform:uppercase;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start;-ms-flex-wrap:wrap;flex-wrap:wrap}.colorpallete .text{margin-right:15px;margin-bottom:10px}.colorpallete .icons{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start;-ms-flex-wrap:wrap;flex-wrap:wrap}.colorblock{margin-right:5px;margin-bottom:5px;height:25px;width:25px;border:solid 2px white}.container canvas{margin:15px auto;position:relative;left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%);max-width:100%;border:solid 5px #fdfdfd}.selectors{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-ms-flex-wrap:wrap;flex-wrap:wrap}.selectors label{display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start;margin:10px 0;margin-right:15px;text-transform:uppercase;-ms-flex-negative:1;flex-shrink:1}.selectors label#uploadimage{-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1;margin-right:auto;width:100%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start}.selectors label#uploadimage input{margin:5px 0;padding:3px}@media (max-width: 550px){.selectors label{width:calc(100%)}}.selectors label span{display:inline-block;width:40px;margin-left:5px;text-align:center}.selectors label input{margin-left:5px;padding:3px}.selectors label input[type='range']{width:100px}.selectors label input[type='input']{width:50px}.dothings{margin-top:15px}.dothings button{border:0;margin-top:10px;padding:5px 10px;text-transform:uppercase}.docs .wrap p{text-align:left;margin-left:0}.docs .wrap p.api{font-style:italic;padding-left:10px;margin-top:15px;line-height:1.2}.docs .wrap p.api strong{font-style:normal;font-weight:700}.docs .wrap pre{padding:10px;margin:10px 0;background-color:#e8f1f2;overflow-x:auto;white-space:pre-wrap;word-wrap:break-word}.docs .wrap h3{font-size:1.8rem;margin-top:50px;font-family:"Open Sans",sans-serif} +@import url("https://fonts.googleapis.com/css?family=Open+Sans:400,700|VT323|Megrim|Rajdhani");*,*:after,*:before{margin:0;padding:0;-webkit-box-sizing:border-box;box-sizing:border-box}h1,h2{font-family:"Open Sans",sans-serif;text-align:center;margin:35px auto}h2{margin-bottom:10px}p{line-height:1.4;margin:10px auto;max-width:700px;width:100%}h2{text-transform:uppercase;font-size:2.1rem}body{color:#fdfdfd;font-family:"Open Sans",sans-serif;overflow-x:hidden}.wrap{max-width:1000px;width:100%;padding:25px 25px;margin:0 auto}.wrap p{margin-left:auto;margin-right:auto;text-align:center}.wrap img{margin:0 auto;position:relative;left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%);max-width:calc(100%);border:solid 5px #fdfdfd}.maxwidth{max-width:1000px;margin:0 auto}header{background-color:#21383a;padding:50px 25px}header h1{font-size:6rem;margin-top:0}header h1 span{color:#c1563d}header p{max-width:600px;line-height:1.4;margin:25px auto;text-align:center}header .actions{margin:35px 0;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-ms-flex-wrap:wrap;flex-wrap:wrap}.inputbtn{background-color:#d1aa09;color:#fdfdfd;font-size:1rem;padding:10px 10px}.btn{margin:15px;display:inline-block;padding:0px 25px;color:#fdfdfd;font-size:1.5rem;text-decoration:none;background-color:#d1aa09;font-family:"Open Sans",sans-serif;text-transform:uppercase;position:relative;z-index:10;border:0}.btn.small{margin:5px 0;font-size:1rem;font-family:"Open Sans",sans-serif}.btn:after{position:absolute;top:-5px;left:5px;background-color:#d1aa09;width:calc(100% - 10px);height:100%;content:"";z-index:-1}.btn:before{position:absolute;bottom:-5px;right:5px;background-color:#d1aa09;width:calc(100% - 10px);height:100%;content:"";z-index:-1}.btn.call{background-color:#c1563d}.btn.call:after,.btn.call:before{background-color:#c1563d}.example,.docs{background-color:rgba(209,170,9,0.5);color:#21383a}.working,.links{background-color:#2a484a}.links .wrap{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-ms-flex-wrap:wrap;flex-wrap:wrap}.infoselects{width:100%}.colorpalette{margin-top:15px;text-transform:uppercase;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start;-ms-flex-wrap:wrap;flex-wrap:wrap}.colorpalette .text{margin-right:15px;margin-bottom:10px;display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start;-ms-flex-wrap:wrap;flex-wrap:wrap}.colorpalette .icons{display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start;-ms-flex-wrap:wrap;flex-wrap:wrap}.colorpalette .colorblock{margin-right:5px;margin-bottom:5px;height:25px;width:25px;border:solid 2px white}.container canvas{margin:15px auto;position:relative;left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%);max-width:100%;border:solid 5px #fdfdfd}.selectors{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-ms-flex-wrap:wrap;flex-wrap:wrap}.selectors label{display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start;margin:10px 0;margin-right:15px;text-transform:uppercase;-ms-flex-negative:1;flex-shrink:1}.selectors label#uploadimage{-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1;margin-right:auto;width:100%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start}.selectors label#uploadimage input{margin:5px 0;padding:3px}@media (max-width: 550px){.selectors label{width:calc(100%)}}.selectors label span{display:inline-block;width:40px;margin-left:5px;text-align:center}.selectors label input{margin-left:5px;padding:3px}.selectors label input[type="range"]{width:100px}.selectors label input[type="input"]{width:50px}.dothings{margin-top:15px}.dothings button{border:0;margin-top:10px;padding:5px 10px;text-transform:uppercase}.docs .wrap p{text-align:left;margin-left:0}.docs .wrap p.api{font-style:italic;padding-left:10px;margin-top:15px;line-height:1.2}.docs .wrap p.api strong{font-style:normal;font-weight:700}.docs .wrap pre{padding:10px;margin:10px 0;background-color:#e8f1f2;overflow-x:auto;white-space:pre-wrap;word-wrap:break-word}.docs .wrap h3{font-size:1.8rem;margin-top:50px;font-family:"Open Sans",sans-serif}.loader{position:fixed;top:0;left:0;right:0;bottom:0;height:100vh;width:100vw;display:none;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;background-color:rgba(33,56,58,0.4)}.loader.active{display:-webkit-box;display:-ms-flexbox;display:flex}.lds-spinner{color:official;display:inline-block;position:relative;width:64px;height:64px}.lds-spinner div{-webkit-transform-origin:32px 32px;transform-origin:32px 32px;-webkit-animation:lds-spinner 1.2s linear infinite;animation:lds-spinner 1.2s linear infinite}.lds-spinner div:after{content:" ";display:block;position:absolute;top:3px;left:29px;width:5px;height:14px;border-radius:20%;background:#fff}.lds-spinner div:nth-child(1){-webkit-transform:rotate(0deg);transform:rotate(0deg);-webkit-animation-delay:-1.1s;animation-delay:-1.1s}.lds-spinner div:nth-child(2){-webkit-transform:rotate(30deg);transform:rotate(30deg);-webkit-animation-delay:-1s;animation-delay:-1s}.lds-spinner div:nth-child(3){-webkit-transform:rotate(60deg);transform:rotate(60deg);-webkit-animation-delay:-0.9s;animation-delay:-0.9s}.lds-spinner div:nth-child(4){-webkit-transform:rotate(90deg);transform:rotate(90deg);-webkit-animation-delay:-0.8s;animation-delay:-0.8s}.lds-spinner div:nth-child(5){-webkit-transform:rotate(120deg);transform:rotate(120deg);-webkit-animation-delay:-0.7s;animation-delay:-0.7s}.lds-spinner div:nth-child(6){-webkit-transform:rotate(150deg);transform:rotate(150deg);-webkit-animation-delay:-0.6s;animation-delay:-0.6s}.lds-spinner div:nth-child(7){-webkit-transform:rotate(180deg);transform:rotate(180deg);-webkit-animation-delay:-0.5s;animation-delay:-0.5s}.lds-spinner div:nth-child(8){-webkit-transform:rotate(210deg);transform:rotate(210deg);-webkit-animation-delay:-0.4s;animation-delay:-0.4s}.lds-spinner div:nth-child(9){-webkit-transform:rotate(240deg);transform:rotate(240deg);-webkit-animation-delay:-0.3s;animation-delay:-0.3s}.lds-spinner div:nth-child(10){-webkit-transform:rotate(270deg);transform:rotate(270deg);-webkit-animation-delay:-0.2s;animation-delay:-0.2s}.lds-spinner div:nth-child(11){-webkit-transform:rotate(300deg);transform:rotate(300deg);-webkit-animation-delay:-0.1s;animation-delay:-0.1s}.lds-spinner div:nth-child(12){-webkit-transform:rotate(330deg);transform:rotate(330deg);-webkit-animation-delay:0s;animation-delay:0s}@-webkit-keyframes lds-spinner{0%{opacity:1}100%{opacity:0}}@keyframes lds-spinner{0%{opacity:1}100%{opacity:0}} /*# sourceMappingURL=style.min.css.map */ \ No newline at end of file diff --git a/docs/assets/style.min.css.map b/docs/assets/style.min.css.map index 274ee1d..ac0154d 100644 --- a/docs/assets/style.min.css.map +++ b/docs/assets/style.min.css.map @@ -1,6 +1,6 @@ { "version": 3, - "mappings": "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", + "mappings": "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", "sources": [ "style.scss" ], diff --git a/docs/assets/style.scss b/docs/assets/style.scss index 1462583..d156c9d 100644 --- a/docs/assets/style.scss +++ b/docs/assets/style.scss @@ -49,8 +49,8 @@ $white: #fdfdfd; $black: #0c0c0c; $fontheader: "VT323", monospace; -$fontheader: 'Megrim', cursive; -$fontheader: 'Rajdhani', sans-serif; +$fontheader: "Megrim", cursive; +$fontheader: "Rajdhani", sans-serif; $fontheader: "Open Sans", sans-serif; $font: "Open Sans", sans-serif; @@ -93,10 +93,10 @@ body { margin-right: auto; text-align: center; } - img { - margin:0 auto; + img { + margin: 0 auto; position: relative; - left:50%; + left: 50%; transform: translateX(-50%); max-width: calc(100%); border: solid 5px $white; @@ -105,7 +105,7 @@ body { .maxwidth { max-width: $maxwidth; - margin:0 auto; + margin: 0 auto; } header { @@ -135,7 +135,7 @@ header { } .inputbtn { background-color: $secondarycolor; - color:$white; + color: $white; //font-family: $fontheader; font-size: 1rem; padding: 10px 10px; @@ -155,7 +155,7 @@ header { z-index: 10; border: 0; &.small { - margin:5px 0; + margin: 5px 0; font-size: 1rem; font-family: $font; } @@ -210,112 +210,115 @@ header { .infoselects { width: 100%; } -.colorpallete { - margin-top:15px; - text-transform:uppercase; +.colorpalette { + margin-top: 15px; + text-transform: uppercase; display: flex; -align-items: center; -justify-content: flex-start; -flex-wrap: wrap; -.text { - margin-right: 15px; - margin-bottom: 10px; -} + align-items: center; + justify-content: flex-start; + flex-wrap: wrap; + .text { + margin-right: 15px; + margin-bottom: 10px; + display: inline-flex; + align-items: center; + justify-content: flex-start; + flex-wrap: wrap; + } .icons { - //margin-top:10px; - display:flex; - justify-content:flex-start; - flex-wrap: wrap; - + //margin-top:10px; + display: inline-flex; + align-items: center; + justify-content: flex-start; + flex-wrap: wrap; } - } + .colorblock { + margin-right: 5px; + margin-bottom: 5px; + height: 25px; + width: 25px; + border: solid 2px white; + } + +} - .colorblock { - margin-right:5px; - margin-bottom: 5px; - height:25px; - width:25px; - border: solid 2px white; - } - - .container { - canvas { - margin:15px auto; - position: relative; - left:50%; - transform: translateX(-50%); - max-width: 100%; - border: solid 5px $white; - } - } - .selectors { - display:flex; - justify-content:flex-start; - align-items:center; - flex-wrap:wrap; + +.container { + canvas { + margin: 15px auto; + position: relative; + left: 50%; + transform: translateX(-50%); + max-width: 100%; + border: solid 5px $white; + } +} +.selectors { + display: flex; + justify-content: flex-start; + align-items: center; + flex-wrap: wrap; label { - display:inline-flex; - align-items:center; - justify-content:flex-start; - margin:10px 0; - margin-right:15px; - text-transform:uppercase; - //font-size:14px; - flex-shrink:1; - &#uploadimage{ - flex-grow:1; - margin-right:auto; - width:100%; - display:flex; - flex-direction:column; - align-items:flex-start; - input { - margin:5px 0; - padding:3px; - } - } - @include mq(sm){ - width: calc(100%); - } + display: inline-flex; + align-items: center; + justify-content: flex-start; + margin: 10px 0; + margin-right: 15px; + text-transform: uppercase; + //font-size:14px; + flex-shrink: 1; + &#uploadimage { + flex-grow: 1; + margin-right: auto; + width: 100%; + display: flex; + flex-direction: column; + align-items: flex-start; + input { + margin: 5px 0; + padding: 3px; + } + } + @include mq(sm) { + width: calc(100%); + } span { - display:inline-block; - width: 40px; - margin-left:5px; - text-align:center; - } - - input { - margin-left:5px; - //padding:3px; - padding:3px; - &[type='range']{ - width:100px; + display: inline-block; + width: 40px; + margin-left: 5px; + text-align: center; } - &[type='input'] { - width:50px; + + input { + margin-left: 5px; + //padding:3px; + padding: 3px; + &[type="range"] { + width: 100px; + } + &[type="input"] { + width: 50px; + } } - } } - } - - .dothings { - margin-top:15px; +} + +.dothings { + margin-top: 15px; button { - border:0; - margin-top:10px; - padding:5px 10px; - text-transform:uppercase; + border: 0; + margin-top: 10px; + padding: 5px 10px; + text-transform: uppercase; } - } +} + +.docs { + .wrap { + p { + text-align: left; + margin-left: 0; - .docs { - .wrap { - p { - text-align: left; - margin-left: 0; - - - &.api { font-style: italic; padding-left: 10px; @@ -326,22 +329,117 @@ flex-wrap: wrap; font-weight: 700; //font-family: $fontheader; //font-size: 1.1rem; - } } - } - pre { - padding: 10px; - margin:10px 0; - background-color: lighten($maincolor, 75%); - overflow-x: auto; - white-space: pre-wrap; - word-wrap: break-word; - } - h3 { - font-size: 1.8rem; - margin-top: 50px; - font-family: $fontheader; - } - } - } \ No newline at end of file + } + pre { + padding: 10px; + margin: 10px 0; + background-color: lighten($maincolor, 75%); + overflow-x: auto; + white-space: pre-wrap; + word-wrap: break-word; + } + h3 { + font-size: 1.8rem; + margin-top: 50px; + font-family: $fontheader; + } + } +} + +.loader { + position: fixed; + top:0; + left:0; + right: 0; + bottom: 0; + height: 100vh; + width: 100vw; + display: none; + justify-content: center; + align-items: center; + background-color: rgba($maincolor,0.4); + &.active { + display: flex; + } +} +.lds-spinner { + color: official; + display: inline-block; + position: relative; + width: 64px; + height: 64px; + //display: none; +} +.lds-spinner div { + transform-origin: 32px 32px; + animation: lds-spinner 1.2s linear infinite; +} +.lds-spinner div:after { + content: " "; + display: block; + position: absolute; + top: 3px; + left: 29px; + width: 5px; + height: 14px; + border-radius: 20%; + background: #fff; +} +.lds-spinner div:nth-child(1) { + transform: rotate(0deg); + animation-delay: -1.1s; +} +.lds-spinner div:nth-child(2) { + transform: rotate(30deg); + animation-delay: -1s; +} +.lds-spinner div:nth-child(3) { + transform: rotate(60deg); + animation-delay: -0.9s; +} +.lds-spinner div:nth-child(4) { + transform: rotate(90deg); + animation-delay: -0.8s; +} +.lds-spinner div:nth-child(5) { + transform: rotate(120deg); + animation-delay: -0.7s; +} +.lds-spinner div:nth-child(6) { + transform: rotate(150deg); + animation-delay: -0.6s; +} +.lds-spinner div:nth-child(7) { + transform: rotate(180deg); + animation-delay: -0.5s; +} +.lds-spinner div:nth-child(8) { + transform: rotate(210deg); + animation-delay: -0.4s; +} +.lds-spinner div:nth-child(9) { + transform: rotate(240deg); + animation-delay: -0.3s; +} +.lds-spinner div:nth-child(10) { + transform: rotate(270deg); + animation-delay: -0.2s; +} +.lds-spinner div:nth-child(11) { + transform: rotate(300deg); + animation-delay: -0.1s; +} +.lds-spinner div:nth-child(12) { + transform: rotate(330deg); + animation-delay: 0s; +} +@keyframes lds-spinner { + 0% { + opacity: 1; + } + 100% { + opacity: 0; + } +} diff --git a/docs/index.html b/docs/index.html index cc47951..16ec493 100644 --- a/docs/index.html +++ b/docs/index.html @@ -148,6 +148,10 @@

Known Problems/bugs

+ +
+ +