diff --git a/docs/_scss/_shame.scss b/docs/_scss/_shame.scss index d26a844..03f7c39 100644 --- a/docs/_scss/_shame.scss +++ b/docs/_scss/_shame.scss @@ -28,7 +28,7 @@ header { width: 220%; height: 220%; background: linear-gradient(248deg, $color1, $color2, $color3); - transform: translate(0, 0) rotate(0deg); + transform: translate(0, 0); animation: headerAnimate 20s ease infinite; } @@ -45,13 +45,13 @@ header { @keyframes headerAnimate { 0% { - transform: translate(0, 0) rotate(0deg); + transform: translate(0, 0); } 50% { - transform: translate(-50%, -50%) rotate(3deg); + transform: translate(-50%, 0); } 100% { - transform: translate(0, 0) rotate(0deg); + transform: translate(0, 0); } } diff --git a/docs/css/style.css b/docs/css/style.css index 767d85a..5fb596e 100644 --- a/docs/css/style.css +++ b/docs/css/style.css @@ -1 +1 @@ -/*! normalize.css v6.0.0 | MIT License | github.com/necolas/normalize.css */html{line-height:1.15;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%;box-sizing:border-box}article,aside,details,figcaption,figure,footer,header,main,menu,nav,section{display:block}h1{margin:.67em 0}pre{font-family:monospace,monospace;font-size:1em;margin-top:0;margin-bottom:24px}a{background-color:transparent;-webkit-text-decoration-skip:objects;color:inherit}abbr[title]{border-bottom:none;text-decoration:underline;text-decoration:underline dotted}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace,monospace;font-size:1em}dfn{font-style:italic}mark{background-color:#ff0;color:#000}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}audio,canvas,video{display:inline-block}audio:not([controls]){display:none;height:0}img{border-style:none;max-width:100%;height:auto}svg:not(:root){overflow:hidden}button,input,optgroup,select,textarea{margin:0}button,input{overflow:visible}button,select{text-transform:none}[type=reset],[type=submit],button,html [type=button]{-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{outline:ButtonText dotted 1px}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{display:inline-block;vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}[type=search]::-webkit-search-cancel-button,[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}[hidden],template{display:none}*,:after,:before{box-sizing:inherit}a:focus,a:hover{text-decoration:none}address{font-style:normal;margin-top:0;margin-bottom:24px}address:last-child,fieldset legend:last-child,figure:last-child,h1:last-child,h2:last-child,h3:last-child,h4:last-child,h5:last-child,h6:last-child,ol:last-child,p:last-child,ul:last-child{margin-bottom:0}body{margin:0 auto;font-family:"Source Serif Pro",serif;font-size:17px;line-height:24px;font-weight:400;width:560px;position:relative;color:#0b0c0c}fieldset{width:100%;border:0;padding:0;margin:0}fieldset legend{margin-bottom:16px}figure{margin:0 0 24px}h1,h2,h3,h4,h5,h6{font-weight:700;font-size:inherit;margin-top:0;margin-bottom:16px}img:only-child,picture img{vertical-align:middle}ol,p,ul{margin-top:0;margin-bottom:24px}svg{width:1em;height:1em;fill:currentColor}.svg-sprite{display:none}:root body{width:calc(100%)}.form{margin-bottom:16px}.form:last-child{margin-bottom:0}@media screen and (min-width:560px){.form{margin-bottom:24px}.form:last-child{margin-bottom:0}}@media screen and (min-width:1024px){.form{margin-bottom:32px}.form:last-child{margin-bottom:0}}.form [disabled]{cursor:not-allowed;opacity:.6}.form__group{margin-bottom:24px}.form__group:last-child{margin-bottom:0}.form__input,.form__label{font-size:inherit;line-height:inherit}.form__label{display:inline-block;padding-bottom:8px}.form__input{width:100%;padding:4px 8px;border:2px solid;line-height:28px}.form__input:focus{outline:#febd22 solid 3px;outline-offset:0}input.form__input,textarea.form__input{-webkit-appearance:none;border-radius:0}select{height:40px}.multiple-choice{display:block;float:none;clear:left;position:relative;padding:0 0 0 40px;margin-bottom:16px}.multiple-choice input{position:absolute;cursor:pointer;left:0;top:0;width:40px;height:40px;z-index:1;margin:0;opacity:0}.multiple-choice label{cursor:pointer;padding:8px 16px;display:block;-ms-touch-action:manipulation;touch-action:manipulation}.multiple-choice [type=checkbox]+label:before,.multiple-choice [type=radio]+label:before{content:"";border:2px solid;background:0 0;width:40px;height:40px;position:absolute;top:0;left:0}.multiple-choice [type=radio]+label::before{border-radius:50%}.multiple-choice [type=checkbox]+label::after,.multiple-choice [type=radio]+label::after{content:"";border:12px solid;position:absolute;opacity:0;-webkit-transform:scale(.5);transform:scale(.5);transition:all .2s cubic-bezier(.195,.4,.45,.785) 0s}.multiple-choice [type=radio]+label::after{width:0;height:0;top:8px;left:8px;border-radius:50%}.multiple-choice [type=checkbox]+label::after{border-width:0 0 6px 6px;background:0 0;width:22px;height:12px;top:12px;left:9px;-webkit-transform:rotate(-45deg) scale(.5);transform:rotate(-45deg) scale(.5)}.multiple-choice input:checked+label::after{opacity:1;-webkit-transform:rotate(-45deg) scale(1);transform:rotate(-45deg) scale(1)}.multiple-choice [type=checkbox]:focus+label::before,.multiple-choice [type=radio]:focus+label::before{box-shadow:0 0 0 3px #febd22}.multiple-choice input:disabled{opacity:0}.multiple-choice input:disabled+label{opacity:.6;cursor:not-allowed}[type=submit]{-webkit-appearance:none;display:inline-block;vertical-align:middle;cursor:pointer}[type=submit]:focus{outline:#febd22 solid 3px}.skip{background:#fff}.skip a{display:block;float:left;padding:0 8px;color:#fff;height:0;overflow:hidden;transition:all .2s cubic-bezier(.195,.4,.45,.785) 0s}.skip a:focus{margin:8px;height:24px;overflow:visible}.skip a:visited{color:inherit}.highlight{background-color:#fdf6e3;color:#586e75;overflow:auto;-webkit-overflow-scrolling:touch;width:100%}.highlight pre{padding:16px 0 16px 16px}.highlight code{padding-right:16px}.highlighter-rouge{background:rgba(0,0,0,.1);box-shadow:0 -3px 0 0 rgba(0,0,0,.1),0 3px 0 0 rgba(0,0,0,.1);padding:0 4px;font-size:14px;line-height:inherit;color:#cb4b16}.highlight .c{color:#93a1a1}.highlight .err,.highlight .g{color:#586e75}.highlight .k{color:#859900}.highlight .l,.highlight .n{color:#586e75}.highlight .o{color:#859900}.highlight .x{color:#cb4b16}.highlight .p{color:#586e75}.highlight .cm{color:#93a1a1}.highlight .cp{color:#859900}.highlight .c1{color:#93a1a1}.highlight .cs{color:#859900}.highlight .gd{color:#2aa198}.highlight .ge{color:#586e75;font-style:italic}.highlight .gr{color:#dc322f}.highlight .gh{color:#cb4b16}.highlight .gi{color:#859900}.highlight .go,.highlight .gp{color:#586e75}.highlight .gs{color:#586e75;font-weight:700}.highlight .gu{color:#cb4b16}.highlight .gt{color:#586e75}.highlight .kc{color:#cb4b16}.highlight .kd{color:#268bd2}.highlight .kn,.highlight .kp{color:#859900}.highlight .kr{color:#268bd2}.highlight .kt{color:#dc322f}.highlight .ld{color:#586e75}.highlight .m,.highlight .s{color:#2aa198}.highlight .na{color:#586e75}.highlight .nb{color:#b58900}.highlight .nc{color:#268bd2}.highlight .no{color:#cb4b16}.highlight .nd{color:#268bd2}.highlight .ne,.highlight .ni{color:#cb4b16}.highlight .nf{color:#268bd2}.highlight .nl,.highlight .nn,.highlight .nx,.highlight .py{color:#586e75}.highlight .nt,.highlight .nv{color:#268bd2}.highlight .ow{color:#859900}.highlight .w{color:#586e75}.highlight .mf,.highlight .mh,.highlight .mi,.highlight .mo{color:#2aa198}.highlight .sb{color:#93a1a1}.highlight .sc{color:#2aa198}.highlight .sd{color:#586e75}.highlight .s2{color:#2aa198}.highlight .se{color:#cb4b16}.highlight .sh{color:#586e75}.highlight .si,.highlight .sx{color:#2aa198}.highlight .sr{color:#dc322f}.highlight .s1,.highlight .ss{color:#2aa198}.highlight .bp,.highlight .vc,.highlight .vg,.highlight .vi{color:#268bd2}.highlight .il{color:#2aa198}table{border-collapse:collapse;font-size:14px;line-height:24px;margin-bottom:24px}table:last-child{margin-bottom:0}td,th{padding:8px 12px 7px;border:1px solid rgba(0,0,0,.1);height:40px}th{background:#eee;text-align:left}@media screen and (min-width:0) and (max-width:768px){table{vertical-align:top;max-width:100%;white-space:nowrap;border-right:1px solid #ddd;display:-webkit-box;display:-ms-flexbox;display:flex;overflow:hidden;background:0 0}thead{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-negative:0;flex-shrink:0}thead th:last-child{height:auto;-webkit-box-flex:1;-ms-flex:1 1 auto;flex:1 1 auto}tbody{-webkit-overflow-scrolling:touch;background:radial-gradient(ellipse at left,rgba(0,0,0,.2) 0,transparent 75%) 0 center,radial-gradient(ellipse at right,rgba(0,0,0,.2) 0,transparent 75%) 100% center;background-size:10px 100%,10px 100%;background-attachment:scroll,scroll;background-repeat:no-repeat;display:-webkit-box;display:-ms-flexbox;display:flex;position:relative;overflow-x:auto;overflow-y:hidden}tbody tr:first-child,tbody tr:last-child{position:relative}tbody tr:first-child:before{position:absolute;content:" ";display:block;z-index:1;width:20px;height:100%;top:0;left:0;background-image:linear-gradient(to right,#fff 50%,rgba(255,255,255,0) 100%)}tbody tr:last-child:after{position:absolute;content:" ";display:block;z-index:1;width:20px;height:100%;top:0;right:0;background-image:linear-gradient(to left,#fff 50%,rgba(255,255,255,0) 100%)}tr{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-ms-flex-negative:0;flex-shrink:0}tr:last-child td{border-right:0}td,th{position:relative;z-index:2;display:block}td{border-left:none}td:last-child{height:auto;white-space:normal;max-width:280px;-webkit-box-flex:1;-ms-flex:1 1 auto;flex:1 1 auto}td:not(:last-child),th:not(:last-child){border-bottom:0}}.container{max-width:1176px;margin-left:auto;margin-right:auto;padding-left:16px;padding-right:16px}.container:after,.container:before{display:table;content:" "}.container:after{clear:both}main{position:relative}footer,header{color:#fff;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}header{padding-top:16px;padding-bottom:16px;overflow:hidden;position:relative}@media screen and (min-width:560px){.multiple-choice{float:left}.container{padding-left:24px;padding-right:24px}header{padding-top:24px;padding-bottom:24px}}@media screen and (min-width:1024px){.container{padding-left:32px;padding-right:32px}header{padding-top:32px;padding-bottom:32px}}header:before{position:absolute;content:" ";display:block;z-index:-1;top:0;left:0;width:220%;height:220%;background:linear-gradient(248deg,#8cc63f,#37b549,#089448);-webkit-transform:translate(0,0) rotate(0);transform:translate(0,0) rotate(0);-webkit-animation:20s infinite headerAnimate;animation:20s infinite headerAnimate}header h1{font-size:24px;line-height:32px}@-webkit-keyframes headerAnimate{0%,100%{-webkit-transform:translate(0,0) rotate(0);transform:translate(0,0) rotate(0)}50%{-webkit-transform:translate(-50%,-50%) rotate(3deg);transform:translate(-50%,-50%) rotate(3deg)}}@keyframes headerAnimate{0%,100%{-webkit-transform:translate(0,0) rotate(0);transform:translate(0,0) rotate(0)}50%{-webkit-transform:translate(-50%,-50%) rotate(3deg);transform:translate(-50%,-50%) rotate(3deg)}}nav{padding:16px 0;text-align:center}nav:after,nav:before{display:table;content:" "}nav:after{clear:both}.logo{display:inline-block;width:166px}@media screen and (min-width:560px){header h1{font-size:32px;line-height:48px}.logo{display:block;float:left}}.navigation{margin:16px 0;padding:0;list-style:none;border:none;background:0 0;display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-pack:distribute;justify-content:space-around;max-width:320px;margin-left:auto;margin-right:auto}.navigation li:first-child{margin-left:0}aside{display:block;width:100%;padding-top:16px;padding-bottom:16px;max-height:100vh;overflow:auto}article{display:block;width:100%;padding-top:16px;padding-bottom:16px}article h1,article h2,article h3{color:#333}article h2:not(:first-child){margin-top:32px}article a{color:#089448}footer{padding-top:16px;padding-bottom:16px;background:#089448}h1{font-size:32px;line-height:40px}h2{font-size:24px;line-height:32px}h3{font-size:20px;line-height:24px}hr{box-sizing:content-box;overflow:visible;border:none;height:2px;margin-top:31px;margin-bottom:31px;background:rgba(0,0,0,.1);position:relative}@media screen and (min-width:560px){.navigation{float:right;margin:8px 0}.navigation li{float:left;margin-left:24px}aside{padding-top:24px;padding-bottom:24px;width:calc((100% - 48px)/ 3);margin-left:calc(24px);float:left;position:-webkit-sticky;position:sticky;top:0}article:first-child,aside:first-child{margin-left:0}article:last-child,aside:last-child{margin-right:-1px}article{width:calc((100% - 12px)/ 1.5);margin-left:calc(24px);float:left;padding-top:24px;padding-bottom:24px}article h2:not(:first-child){margin-top:48px}footer{padding-top:24px;padding-bottom:24px}hr{margin-top:47px;margin-bottom:47px}}hr:before{position:absolute;content:" ";display:block;top:0;left:0;width:24px;height:2px;background:#8cc63f}pre:last-child{margin-bottom:0}.button{background:#bdc3c7;padding:16px 24px;border:none;font-size:inherit;transition:all .2s cubic-bezier(.195,.4,.45,.785) 0s}.button:focus,.button:hover{background:#95a5a6;color:#fff}.pull-top{margin-top:-16px}.gallery-12,.gallery-3{margin-bottom:-16px}.gallery-12:after,.gallery-12:before,.gallery-3:after,.gallery-3:before{display:table;content:" "}.gallery-12:after,.gallery-3:after{clear:both}.gallery__item{background:#bdc3c7;padding:16px}.gallery-3 .gallery__item{width:calc((100% - 32px)/ 3);margin-left:calc(16px);margin-bottom:calc(16px);float:left}.gallery-3 .gallery__item:nth-child(3n){margin-right:-1px}.gallery-3 .gallery__item:nth-child(3n+1){margin-left:0;clear:left}.gallery-3 .gallery__item:first-child{margin-left:0}@media screen and (min-width:560px){.gallery-12,.gallery-3{margin-bottom:-24px}.gallery-3 .gallery__item{width:calc((100% - 48px)/ 3);margin-left:calc(24px);margin-bottom:calc(24px)}.gallery-3 .gallery__item:nth-child(n){clear:none;margin-left:calc(24px);margin-right:0}.gallery-3 .gallery__item:nth-child(3n){margin-right:-1px}.gallery-3 .gallery__item:nth-child(3n+1){margin-left:0;clear:left}}@media screen and (min-width:1024px){aside{padding-top:32px;padding-bottom:32px;width:calc((100% - 96px)/ 4);margin-left:calc(32px);float:left}article:first-child,aside:first-child{margin-left:0}article:last-child,aside:last-child{margin-right:-1px}article{width:calc((100% - 10.6666666667px)/ 1.3333333333);margin-left:calc(32px);float:left;padding-top:32px;padding-bottom:32px}article h2:not(:first-child){margin-top:64px}hr{margin-top:63px;margin-bottom:63px}.gallery-12,.gallery-3{margin-bottom:-32px}.gallery-3 .gallery__item{width:calc((100% - 64px)/ 3);margin-left:calc(32px);margin-bottom:calc(32px)}.gallery-3 .gallery__item:nth-child(n){clear:none;margin-left:calc(32px);margin-right:0}.gallery-3 .gallery__item:nth-child(3n){margin-right:-1px}.gallery-3 .gallery__item:nth-child(3n+1){margin-left:0;clear:left}}.gallery-12 .gallery__item{width:calc((100% - 32px)/ 3);margin-left:calc(16px);margin-bottom:calc(16px);float:left}.gallery-12 .gallery__item:nth-child(3n){margin-right:-1px}.gallery-12 .gallery__item:nth-child(3n+1){margin-left:0;clear:left}.gallery-12 .gallery__item:first-child{margin-left:0}@media screen and (min-width:560px){.gallery-12 .gallery__item{width:calc((100% - 72px)/ 4);margin-left:calc(24px);margin-bottom:calc(24px);float:left}.gallery-12 .gallery__item:nth-child(n){clear:none;margin-left:calc(24px);margin-right:0}.gallery-12 .gallery__item:nth-child(4n){margin-right:-1px}.gallery-12 .gallery__item:nth-child(4n+1){margin-left:0;clear:left}.gallery-12 .gallery__item:first-child{margin-left:0}}@media screen and (min-width:768px){.gallery-12 .gallery__item{width:calc((100% - 120px)/ 6);margin-left:calc(24px);margin-bottom:calc(24px);float:left}.gallery-12 .gallery__item:nth-child(n){clear:none;margin-left:calc(24px);margin-right:0}.gallery-12 .gallery__item:nth-child(6n){margin-right:-1px}.gallery-12 .gallery__item:nth-child(6n+1){margin-left:0;clear:left}.gallery-12 .gallery__item:first-child{margin-left:0}}.spaced-vertical{padding-top:16px;padding-bottom:16px}#markdown-toc{margin:0;padding:0;list-style:none;border:none;background:0 0}#markdown-toc li{position:relative}#markdown-toc li:before{position:absolute;content:" ";display:block;left:0;top:8px;border-top:4px solid transparent;border-bottom:4px solid transparent;border-left:4px solid #089448;opacity:0;transition:all .2s cubic-bezier(.195,.4,.45,.785) 0s;-webkit-transform:translateX(-16px);transform:translateX(-16px)}#markdown-toc li,#markdown-toc li a{transition:all .2s cubic-bezier(.195,.4,.45,.785) 0s}#markdown-toc li ul{margin:0;padding:0 0 0 16px;list-style:none;border:none;background:0 0}#markdown-toc li li{font-size:15px;line-height:24px}#markdown-toc li.is-active{padding-left:8px}#markdown-toc li.is-active:before{opacity:1;-webkit-transform:translateX(0);transform:translateX(0)}#markdown-toc li.is-active>a{text-decoration:none;color:#37b549}.overlay-grid-container{position:absolute;top:0;right:0;bottom:0;left:0;height:100%;pointer-events:none}.overlay-grid{max-width:1176px;margin-left:auto;margin-right:auto;padding-left:16px;padding-right:16px;position:absolute;top:0;right:0;bottom:0;left:0;outline:#ff00ff solid 1px;overflow:hidden}.overlay-grid:after,.overlay-grid:before{display:table;content:" "}.overlay-grid:after{clear:both}@media screen and (min-width:560px){.spaced-vertical{padding-top:24px;padding-bottom:24px}.overlay-grid{padding-left:24px;padding-right:24px}}@media screen and (min-width:1024px){.gallery-12 .gallery__item{width:calc((100% - 352px)/ 12);margin-left:calc(32px);margin-bottom:calc(32px);float:left}.gallery-12 .gallery__item:nth-child(n){clear:none;margin-left:calc(32px);margin-right:0}.gallery-12 .gallery__item:nth-child(12n){margin-right:-1px}.gallery-12 .gallery__item:nth-child(12n+1){margin-left:0;clear:left}.gallery-12 .gallery__item:first-child{margin-left:0}.spaced-vertical{padding-top:32px;padding-bottom:32px}.overlay-grid{padding-left:32px;padding-right:32px}}.overlay-grid__item{outline:#ff00ff solid 1px;height:100%;width:calc((100% - 16px)/ 2);margin-left:calc(16px);margin-bottom:calc(16px);float:left}.overlay-grid__item:nth-child(2n){margin-right:-1px}.overlay-grid__item:nth-child(2n+1){margin-left:0;clear:left}.overlay-grid__item:first-child{margin-left:0}@media screen and (min-width:440px){.overlay-grid__item{width:calc((100% - 48px)/ 4);margin-left:calc(16px);margin-bottom:calc(16px);float:left}.overlay-grid__item:nth-child(n){clear:none;margin-left:calc(16px);margin-right:0}.overlay-grid__item:nth-child(4n){margin-right:-1px}.overlay-grid__item:nth-child(4n+1){margin-left:0;clear:left}.overlay-grid__item:first-child{margin-left:0}}@media screen and (min-width:560px){.overlay-grid__item{width:calc((100% - 120px)/ 6);margin-left:calc(24px);margin-bottom:calc(24px);float:left}.overlay-grid__item:nth-child(n){clear:none;margin-left:calc(24px);margin-right:0}.overlay-grid__item:nth-child(6n){margin-right:-1px}.overlay-grid__item:nth-child(6n+1){margin-left:0;clear:left}.overlay-grid__item:first-child{margin-left:0}}@media screen and (min-width:768px){.overlay-grid__item{width:calc((100% - 264px)/ 12);margin-left:calc(24px);margin-bottom:calc(24px);float:left}.overlay-grid__item:nth-child(n){clear:none;margin-left:calc(24px);margin-right:0}.overlay-grid__item:nth-child(12n){margin-right:-1px}.overlay-grid__item:nth-child(12n+1){margin-left:0;clear:left}.overlay-grid__item:first-child{margin-left:0}}@media screen and (min-width:1024px){.overlay-grid__item{width:calc((100% - 352px)/ 12);margin-left:calc(32px);margin-bottom:calc(32px)}.overlay-grid__item:nth-child(n){clear:none;margin-left:calc(32px);margin-right:0}.overlay-grid__item:nth-child(12n){margin-right:-1px}.overlay-grid__item:nth-child(12n+1){margin-left:0;clear:left}}.overlay-8pixel{position:absolute;top:0;right:0;bottom:0;left:0;background-size:8px 8px;background-image:repeating-linear-gradient(0deg,rgba(255,0,255,.33),rgba(255,0,255,.33) 1px,transparent 1px,transparent 8px)} \ No newline at end of file +/*! normalize.css v6.0.0 | MIT License | github.com/necolas/normalize.css */html{line-height:1.15;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%;box-sizing:border-box}article,aside,details,figcaption,figure,footer,header,main,menu,nav,section{display:block}h1{margin:.67em 0}pre{font-family:monospace,monospace;font-size:1em;margin-top:0;margin-bottom:24px}a{background-color:transparent;-webkit-text-decoration-skip:objects;color:inherit}abbr[title]{border-bottom:none;text-decoration:underline;text-decoration:underline dotted}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace,monospace;font-size:1em}dfn{font-style:italic}mark{background-color:#ff0;color:#000}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}audio,canvas,video{display:inline-block}audio:not([controls]){display:none;height:0}img{border-style:none;max-width:100%;height:auto}svg:not(:root){overflow:hidden}button,input,optgroup,select,textarea{margin:0}button,input{overflow:visible}button,select{text-transform:none}[type=reset],[type=submit],button,html [type=button]{-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{outline:ButtonText dotted 1px}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{display:inline-block;vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}[type=search]::-webkit-search-cancel-button,[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}[hidden],template{display:none}*,:after,:before{box-sizing:inherit}a:focus,a:hover{text-decoration:none}address{font-style:normal;margin-top:0;margin-bottom:24px}address:last-child,fieldset legend:last-child,figure:last-child,h1:last-child,h2:last-child,h3:last-child,h4:last-child,h5:last-child,h6:last-child,ol:last-child,p:last-child,ul:last-child{margin-bottom:0}body{margin:0 auto;font-family:"Source Serif Pro",serif;font-size:17px;line-height:24px;font-weight:400;width:560px;position:relative;color:#0b0c0c}fieldset{width:100%;border:0;padding:0;margin:0}fieldset legend{margin-bottom:16px}figure{margin:0 0 24px}h1,h2,h3,h4,h5,h6{font-weight:700;font-size:inherit;margin-top:0;margin-bottom:16px}img:only-child,picture img{vertical-align:middle}ol,p,ul{margin-top:0;margin-bottom:24px}svg{width:1em;height:1em;fill:currentColor}.svg-sprite{display:none}:root body{width:calc(100%)}.form{margin-bottom:16px}.form:last-child{margin-bottom:0}@media screen and (min-width:560px){.form{margin-bottom:24px}.form:last-child{margin-bottom:0}}@media screen and (min-width:1024px){.form{margin-bottom:32px}.form:last-child{margin-bottom:0}}.form [disabled]{cursor:not-allowed;opacity:.6}.form__group{margin-bottom:24px}.form__group:last-child{margin-bottom:0}.form__input,.form__label{font-size:inherit;line-height:inherit}.form__label{display:inline-block;padding-bottom:8px}.form__input{width:100%;padding:4px 8px;border:2px solid;line-height:28px}.form__input:focus{outline:#febd22 solid 3px;outline-offset:0}input.form__input,textarea.form__input{-webkit-appearance:none;border-radius:0}select{height:40px}.multiple-choice{display:block;float:none;clear:left;position:relative;padding:0 0 0 40px;margin-bottom:16px}.multiple-choice input{position:absolute;cursor:pointer;left:0;top:0;width:40px;height:40px;z-index:1;margin:0;opacity:0}.multiple-choice label{cursor:pointer;padding:8px 16px;display:block;-ms-touch-action:manipulation;touch-action:manipulation}.multiple-choice [type=checkbox]+label:before,.multiple-choice [type=radio]+label:before{content:"";border:2px solid;background:0 0;width:40px;height:40px;position:absolute;top:0;left:0}.multiple-choice [type=radio]+label::before{border-radius:50%}.multiple-choice [type=checkbox]+label::after,.multiple-choice [type=radio]+label::after{content:"";border:12px solid;position:absolute;opacity:0;-webkit-transform:scale(.5);transform:scale(.5);transition:all .2s cubic-bezier(.195,.4,.45,.785) 0s}.multiple-choice [type=radio]+label::after{width:0;height:0;top:8px;left:8px;border-radius:50%}.multiple-choice [type=checkbox]+label::after{border-width:0 0 6px 6px;background:0 0;width:22px;height:12px;top:12px;left:9px;-webkit-transform:rotate(-45deg) scale(.5);transform:rotate(-45deg) scale(.5)}.multiple-choice input:checked+label::after{opacity:1;-webkit-transform:rotate(-45deg) scale(1);transform:rotate(-45deg) scale(1)}.multiple-choice [type=checkbox]:focus+label::before,.multiple-choice [type=radio]:focus+label::before{box-shadow:0 0 0 3px #febd22}.multiple-choice input:disabled{opacity:0}.multiple-choice input:disabled+label{opacity:.6;cursor:not-allowed}[type=submit]{-webkit-appearance:none;display:inline-block;vertical-align:middle;cursor:pointer}[type=submit]:focus{outline:#febd22 solid 3px}.skip{background:#fff}.skip a{display:block;float:left;padding:0 8px;color:#fff;height:0;overflow:hidden;transition:all .2s cubic-bezier(.195,.4,.45,.785) 0s}.skip a:focus{margin:8px;height:24px;overflow:visible}.skip a:visited{color:inherit}.highlight{background-color:#fdf6e3;color:#586e75;overflow:auto;-webkit-overflow-scrolling:touch;width:100%}.highlight pre{padding:16px 0 16px 16px}.highlight code{padding-right:16px}.highlighter-rouge{background:rgba(0,0,0,.1);box-shadow:0 -3px 0 0 rgba(0,0,0,.1),0 3px 0 0 rgba(0,0,0,.1);padding:0 4px;font-size:14px;line-height:inherit;color:#cb4b16}.highlight .c{color:#93a1a1}.highlight .err,.highlight .g{color:#586e75}.highlight .k{color:#859900}.highlight .l,.highlight .n{color:#586e75}.highlight .o{color:#859900}.highlight .x{color:#cb4b16}.highlight .p{color:#586e75}.highlight .cm{color:#93a1a1}.highlight .cp{color:#859900}.highlight .c1{color:#93a1a1}.highlight .cs{color:#859900}.highlight .gd{color:#2aa198}.highlight .ge{color:#586e75;font-style:italic}.highlight .gr{color:#dc322f}.highlight .gh{color:#cb4b16}.highlight .gi{color:#859900}.highlight .go,.highlight .gp{color:#586e75}.highlight .gs{color:#586e75;font-weight:700}.highlight .gu{color:#cb4b16}.highlight .gt{color:#586e75}.highlight .kc{color:#cb4b16}.highlight .kd{color:#268bd2}.highlight .kn,.highlight .kp{color:#859900}.highlight .kr{color:#268bd2}.highlight .kt{color:#dc322f}.highlight .ld{color:#586e75}.highlight .m,.highlight .s{color:#2aa198}.highlight .na{color:#586e75}.highlight .nb{color:#b58900}.highlight .nc{color:#268bd2}.highlight .no{color:#cb4b16}.highlight .nd{color:#268bd2}.highlight .ne,.highlight .ni{color:#cb4b16}.highlight .nf{color:#268bd2}.highlight .nl,.highlight .nn,.highlight .nx,.highlight .py{color:#586e75}.highlight .nt,.highlight .nv{color:#268bd2}.highlight .ow{color:#859900}.highlight .w{color:#586e75}.highlight .mf,.highlight .mh,.highlight .mi,.highlight .mo{color:#2aa198}.highlight .sb{color:#93a1a1}.highlight .sc{color:#2aa198}.highlight .sd{color:#586e75}.highlight .s2{color:#2aa198}.highlight .se{color:#cb4b16}.highlight .sh{color:#586e75}.highlight .si,.highlight .sx{color:#2aa198}.highlight .sr{color:#dc322f}.highlight .s1,.highlight .ss{color:#2aa198}.highlight .bp,.highlight .vc,.highlight .vg,.highlight .vi{color:#268bd2}.highlight .il{color:#2aa198}table{border-collapse:collapse;font-size:14px;line-height:24px;margin-bottom:24px}table:last-child{margin-bottom:0}td,th{padding:8px 12px 7px;border:1px solid rgba(0,0,0,.1);height:40px}th{background:#eee;text-align:left}@media screen and (min-width:0) and (max-width:768px){table{vertical-align:top;max-width:100%;white-space:nowrap;border-right:1px solid #ddd;display:-webkit-box;display:-ms-flexbox;display:flex;overflow:hidden;background:0 0}thead{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-negative:0;flex-shrink:0}thead th:last-child{height:auto;-webkit-box-flex:1;-ms-flex:1 1 auto;flex:1 1 auto}tbody{-webkit-overflow-scrolling:touch;background:radial-gradient(ellipse at left,rgba(0,0,0,.2) 0,transparent 75%) 0 center,radial-gradient(ellipse at right,rgba(0,0,0,.2) 0,transparent 75%) 100% center;background-size:10px 100%,10px 100%;background-attachment:scroll,scroll;background-repeat:no-repeat;display:-webkit-box;display:-ms-flexbox;display:flex;position:relative;overflow-x:auto;overflow-y:hidden}tbody tr:first-child,tbody tr:last-child{position:relative}tbody tr:first-child:before{position:absolute;content:" ";display:block;z-index:1;width:20px;height:100%;top:0;left:0;background-image:linear-gradient(to right,#fff 50%,rgba(255,255,255,0) 100%)}tbody tr:last-child:after{position:absolute;content:" ";display:block;z-index:1;width:20px;height:100%;top:0;right:0;background-image:linear-gradient(to left,#fff 50%,rgba(255,255,255,0) 100%)}tr{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-ms-flex-negative:0;flex-shrink:0}tr:last-child td{border-right:0}td,th{position:relative;z-index:2;display:block}td{border-left:none}td:last-child{height:auto;white-space:normal;max-width:280px;-webkit-box-flex:1;-ms-flex:1 1 auto;flex:1 1 auto}td:not(:last-child),th:not(:last-child){border-bottom:0}}.container{max-width:1176px;margin-left:auto;margin-right:auto;padding-left:16px;padding-right:16px}.container:after,.container:before{display:table;content:" "}.container:after{clear:both}main{position:relative}footer,header{color:#fff;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}header{padding-top:16px;padding-bottom:16px;overflow:hidden;position:relative}@media screen and (min-width:560px){.multiple-choice{float:left}.container{padding-left:24px;padding-right:24px}header{padding-top:24px;padding-bottom:24px}}@media screen and (min-width:1024px){.container{padding-left:32px;padding-right:32px}header{padding-top:32px;padding-bottom:32px}}header:before{position:absolute;content:" ";display:block;z-index:-1;top:0;left:0;width:220%;height:220%;background:linear-gradient(248deg,#8cc63f,#37b549,#089448);-webkit-transform:translate(0,0);transform:translate(0,0);-webkit-animation:20s infinite headerAnimate;animation:20s infinite headerAnimate}header h1{font-size:24px;line-height:32px}@-webkit-keyframes headerAnimate{0%,100%{-webkit-transform:translate(0,0);transform:translate(0,0)}50%{-webkit-transform:translate(-50%,0);transform:translate(-50%,0)}}@keyframes headerAnimate{0%,100%{-webkit-transform:translate(0,0);transform:translate(0,0)}50%{-webkit-transform:translate(-50%,0);transform:translate(-50%,0)}}nav{padding:16px 0;text-align:center}nav:after,nav:before{display:table;content:" "}nav:after{clear:both}.logo{display:inline-block;width:166px}@media screen and (min-width:560px){header h1{font-size:32px;line-height:48px}.logo{display:block;float:left}}.navigation{margin:16px 0;padding:0;list-style:none;border:none;background:0 0;display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-pack:distribute;justify-content:space-around;max-width:320px;margin-left:auto;margin-right:auto}.navigation li:first-child{margin-left:0}aside{display:block;width:100%;padding-top:16px;padding-bottom:16px;max-height:100vh;overflow:auto}article{display:block;width:100%;padding-top:16px;padding-bottom:16px}article h1,article h2,article h3{color:#333}article h2:not(:first-child){margin-top:32px}article a{color:#089448}footer{padding-top:16px;padding-bottom:16px;background:#089448}h1{font-size:32px;line-height:40px}h2{font-size:24px;line-height:32px}h3{font-size:20px;line-height:24px}hr{box-sizing:content-box;overflow:visible;border:none;height:2px;margin-top:31px;margin-bottom:31px;background:rgba(0,0,0,.1);position:relative}@media screen and (min-width:560px){.navigation{float:right;margin:8px 0}.navigation li{float:left;margin-left:24px}aside{padding-top:24px;padding-bottom:24px;width:calc((100% - 48px)/ 3);margin-left:calc(24px);float:left;position:-webkit-sticky;position:sticky;top:0}article:first-child,aside:first-child{margin-left:0}article:last-child,aside:last-child{margin-right:-1px}article{width:calc((100% - 12px)/ 1.5);margin-left:calc(24px);float:left;padding-top:24px;padding-bottom:24px}article h2:not(:first-child){margin-top:48px}footer{padding-top:24px;padding-bottom:24px}hr{margin-top:47px;margin-bottom:47px}}hr:before{position:absolute;content:" ";display:block;top:0;left:0;width:24px;height:2px;background:#8cc63f}pre:last-child{margin-bottom:0}.button{background:#bdc3c7;padding:16px 24px;border:none;font-size:inherit;transition:all .2s cubic-bezier(.195,.4,.45,.785) 0s}.button:focus,.button:hover{background:#95a5a6;color:#fff}.pull-top{margin-top:-16px}.gallery-12,.gallery-3{margin-bottom:-16px}.gallery-12:after,.gallery-12:before,.gallery-3:after,.gallery-3:before{display:table;content:" "}.gallery-12:after,.gallery-3:after{clear:both}.gallery__item{background:#bdc3c7;padding:16px}.gallery-3 .gallery__item{width:calc((100% - 32px)/ 3);margin-left:calc(16px);margin-bottom:calc(16px);float:left}.gallery-3 .gallery__item:nth-child(3n){margin-right:-1px}.gallery-3 .gallery__item:nth-child(3n+1){margin-left:0;clear:left}.gallery-3 .gallery__item:first-child{margin-left:0}@media screen and (min-width:560px){.gallery-12,.gallery-3{margin-bottom:-24px}.gallery-3 .gallery__item{width:calc((100% - 48px)/ 3);margin-left:calc(24px);margin-bottom:calc(24px)}.gallery-3 .gallery__item:nth-child(n){clear:none;margin-left:calc(24px);margin-right:0}.gallery-3 .gallery__item:nth-child(3n){margin-right:-1px}.gallery-3 .gallery__item:nth-child(3n+1){margin-left:0;clear:left}}@media screen and (min-width:1024px){aside{padding-top:32px;padding-bottom:32px;width:calc((100% - 96px)/ 4);margin-left:calc(32px);float:left}article:first-child,aside:first-child{margin-left:0}article:last-child,aside:last-child{margin-right:-1px}article{width:calc((100% - 10.6666666667px)/ 1.3333333333);margin-left:calc(32px);float:left;padding-top:32px;padding-bottom:32px}article h2:not(:first-child){margin-top:64px}hr{margin-top:63px;margin-bottom:63px}.gallery-12,.gallery-3{margin-bottom:-32px}.gallery-3 .gallery__item{width:calc((100% - 64px)/ 3);margin-left:calc(32px);margin-bottom:calc(32px)}.gallery-3 .gallery__item:nth-child(n){clear:none;margin-left:calc(32px);margin-right:0}.gallery-3 .gallery__item:nth-child(3n){margin-right:-1px}.gallery-3 .gallery__item:nth-child(3n+1){margin-left:0;clear:left}}.gallery-12 .gallery__item{width:calc((100% - 32px)/ 3);margin-left:calc(16px);margin-bottom:calc(16px);float:left}.gallery-12 .gallery__item:nth-child(3n){margin-right:-1px}.gallery-12 .gallery__item:nth-child(3n+1){margin-left:0;clear:left}.gallery-12 .gallery__item:first-child{margin-left:0}@media screen and (min-width:560px){.gallery-12 .gallery__item{width:calc((100% - 72px)/ 4);margin-left:calc(24px);margin-bottom:calc(24px);float:left}.gallery-12 .gallery__item:nth-child(n){clear:none;margin-left:calc(24px);margin-right:0}.gallery-12 .gallery__item:nth-child(4n){margin-right:-1px}.gallery-12 .gallery__item:nth-child(4n+1){margin-left:0;clear:left}.gallery-12 .gallery__item:first-child{margin-left:0}}@media screen and (min-width:768px){.gallery-12 .gallery__item{width:calc((100% - 120px)/ 6);margin-left:calc(24px);margin-bottom:calc(24px);float:left}.gallery-12 .gallery__item:nth-child(n){clear:none;margin-left:calc(24px);margin-right:0}.gallery-12 .gallery__item:nth-child(6n){margin-right:-1px}.gallery-12 .gallery__item:nth-child(6n+1){margin-left:0;clear:left}.gallery-12 .gallery__item:first-child{margin-left:0}}.spaced-vertical{padding-top:16px;padding-bottom:16px}#markdown-toc{margin:0;padding:0;list-style:none;border:none;background:0 0}#markdown-toc li{position:relative}#markdown-toc li:before{position:absolute;content:" ";display:block;left:0;top:8px;border-top:4px solid transparent;border-bottom:4px solid transparent;border-left:4px solid #089448;opacity:0;transition:all .2s cubic-bezier(.195,.4,.45,.785) 0s;-webkit-transform:translateX(-16px);transform:translateX(-16px)}#markdown-toc li,#markdown-toc li a{transition:all .2s cubic-bezier(.195,.4,.45,.785) 0s}#markdown-toc li ul{margin:0;padding:0 0 0 16px;list-style:none;border:none;background:0 0}#markdown-toc li li{font-size:15px;line-height:24px}#markdown-toc li.is-active{padding-left:8px}#markdown-toc li.is-active:before{opacity:1;-webkit-transform:translateX(0);transform:translateX(0)}#markdown-toc li.is-active>a{text-decoration:none;color:#37b549}.overlay-grid-container{position:absolute;top:0;right:0;bottom:0;left:0;height:100%;pointer-events:none}.overlay-grid{max-width:1176px;margin-left:auto;margin-right:auto;padding-left:16px;padding-right:16px;position:absolute;top:0;right:0;bottom:0;left:0;outline:#ff00ff solid 1px;overflow:hidden}.overlay-grid:after,.overlay-grid:before{display:table;content:" "}.overlay-grid:after{clear:both}@media screen and (min-width:560px){.spaced-vertical{padding-top:24px;padding-bottom:24px}.overlay-grid{padding-left:24px;padding-right:24px}}@media screen and (min-width:1024px){.gallery-12 .gallery__item{width:calc((100% - 352px)/ 12);margin-left:calc(32px);margin-bottom:calc(32px);float:left}.gallery-12 .gallery__item:nth-child(n){clear:none;margin-left:calc(32px);margin-right:0}.gallery-12 .gallery__item:nth-child(12n){margin-right:-1px}.gallery-12 .gallery__item:nth-child(12n+1){margin-left:0;clear:left}.gallery-12 .gallery__item:first-child{margin-left:0}.spaced-vertical{padding-top:32px;padding-bottom:32px}.overlay-grid{padding-left:32px;padding-right:32px}}.overlay-grid__item{outline:#ff00ff solid 1px;height:100%;width:calc((100% - 16px)/ 2);margin-left:calc(16px);margin-bottom:calc(16px);float:left}.overlay-grid__item:nth-child(2n){margin-right:-1px}.overlay-grid__item:nth-child(2n+1){margin-left:0;clear:left}.overlay-grid__item:first-child{margin-left:0}@media screen and (min-width:440px){.overlay-grid__item{width:calc((100% - 48px)/ 4);margin-left:calc(16px);margin-bottom:calc(16px);float:left}.overlay-grid__item:nth-child(n){clear:none;margin-left:calc(16px);margin-right:0}.overlay-grid__item:nth-child(4n){margin-right:-1px}.overlay-grid__item:nth-child(4n+1){margin-left:0;clear:left}.overlay-grid__item:first-child{margin-left:0}}@media screen and (min-width:560px){.overlay-grid__item{width:calc((100% - 120px)/ 6);margin-left:calc(24px);margin-bottom:calc(24px);float:left}.overlay-grid__item:nth-child(n){clear:none;margin-left:calc(24px);margin-right:0}.overlay-grid__item:nth-child(6n){margin-right:-1px}.overlay-grid__item:nth-child(6n+1){margin-left:0;clear:left}.overlay-grid__item:first-child{margin-left:0}}@media screen and (min-width:768px){.overlay-grid__item{width:calc((100% - 264px)/ 12);margin-left:calc(24px);margin-bottom:calc(24px);float:left}.overlay-grid__item:nth-child(n){clear:none;margin-left:calc(24px);margin-right:0}.overlay-grid__item:nth-child(12n){margin-right:-1px}.overlay-grid__item:nth-child(12n+1){margin-left:0;clear:left}.overlay-grid__item:first-child{margin-left:0}}@media screen and (min-width:1024px){.overlay-grid__item{width:calc((100% - 352px)/ 12);margin-left:calc(32px);margin-bottom:calc(32px)}.overlay-grid__item:nth-child(n){clear:none;margin-left:calc(32px);margin-right:0}.overlay-grid__item:nth-child(12n){margin-right:-1px}.overlay-grid__item:nth-child(12n+1){margin-left:0;clear:left}}.overlay-8pixel{position:absolute;top:0;right:0;bottom:0;left:0;background-size:8px 8px;background-image:repeating-linear-gradient(0deg,rgba(255,0,255,.33),rgba(255,0,255,.33) 1px,transparent 1px,transparent 8px)} \ No newline at end of file diff --git a/scss/tools/variables/_breakpoints.scss b/scss/tools/variables/_breakpoints.scss index 358de6f..5110f2c 100755 --- a/scss/tools/variables/_breakpoints.scss +++ b/scss/tools/variables/_breakpoints.scss @@ -11,8 +11,13 @@ $echo: 1112px !default; // The above values minus 1px to be used for min-max media queries -$alpha--plus-min: $alpha--plus - 1px !default; -$beta-min: $beta - 1px !default; -$charlie-min: $charlie - 1px !default; -$delta-min: $delta - 1px !default; -$echo-min: $echo - 1px !default; +$alpha--plus-min: $alpha--plus - 1px !default; +$beta-min: $beta - 1px !default; +$charlie-min: $charlie - 1px !default; +$delta-min: $delta - 1px !default; +$echo-min: $echo - 1px !default; + + +// Set default to false so we can use spacing() function outside breakpoint + +$inside-breakpoint: false; \ No newline at end of file