From 4a6047adbb86a65dec3b5f2e5435cf7cce7917f5 Mon Sep 17 00:00:00 2001 From: John O'Nolan Date: Tue, 5 Nov 2019 15:19:16 +0700 Subject: [PATCH] Global styles --- assets/built/screen.css | 2 +- assets/built/screen.css.map | 2 +- assets/css/components/global.css | 343 ++++++------------------------- assets/css/screen.css | 6 + default.hbs | 70 ++++--- 5 files changed, 104 insertions(+), 319 deletions(-) diff --git a/assets/built/screen.css b/assets/built/screen.css index a7e47775..18d5aa98 100644 --- a/assets/built/screen.css +++ b/assets/built/screen.css @@ -1,2 +1,2 @@ -a,abbr,acronym,address,applet,article,aside,audio,big,blockquote,body,canvas,caption,cite,code,dd,del,details,dfn,div,dl,dt,em,embed,fieldset,figcaption,figure,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,html,iframe,img,ins,kbd,label,legend,li,mark,menu,nav,object,ol,output,p,pre,q,ruby,s,samp,section,small,span,strike,strong,sub,summary,sup,table,tbody,td,tfoot,th,thead,time,tr,tt,ul,var,video{margin:0;padding:0;border:0;font:inherit;font-size:100%;vertical-align:baseline}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:after,blockquote:before,q:after,q:before{content:"";content:none}img{max-width:100%}html{box-sizing:border-box;font-family:sans-serif;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}*,:after,:before{box-sizing:inherit}a{background-color:transparent}a:active,a:hover{outline:0}b,strong{font-weight:700}dfn,em,i{font-style:italic}h1{margin:.67em 0;font-size:2em}small{font-size:80%}sub,sup{position:relative;font-size:75%;line-height:0;vertical-align:baseline}sup{top:-.5em}sub{bottom:-.25em}img{border:0}svg:not(:root){overflow:hidden}mark{background-color:#fdffb6}code,kbd,pre,samp{font-family:monospace,monospace;font-size:1em}button,input,optgroup,select,textarea{margin:0;color:inherit;font:inherit}button{overflow:visible;border:none}button,select{text-transform:none}button,html input[type=button],input[type=reset],input[type=submit]{cursor:pointer;-webkit-appearance:button}button[disabled],html input[disabled]{cursor:default}button::-moz-focus-inner,input::-moz-focus-inner{padding:0;border:0}input{line-height:normal}input:focus{outline:none}input[type=checkbox],input[type=radio]{box-sizing:border-box;padding:0}input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{height:auto}input[type=search]{box-sizing:content-box;-webkit-appearance:textfield}input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-decoration{-webkit-appearance:none}legend{padding:0;border:0}textarea{overflow:auto}table{border-spacing:0;border-collapse:collapse}td,th{padding:0}html{overflow-y:scroll;font-size:62.5%;-webkit-tap-highlight-color:rgba(0,0,0,0)}body,html{overflow-x:hidden}body{color:#454545;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif;font-size:1.5rem;line-height:1.6em;font-weight:400;font-style:normal;letter-spacing:0;text-rendering:optimizeLegibility;background:#fff;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-moz-font-feature-settings:"liga" on}::-moz-selection{text-shadow:none;background:#cbeafb}::selection{text-shadow:none;background:#cbeafb}hr{position:relative;display:block;width:100%;margin:2.5em 0 3.5em;padding:0;height:1px;border:0;border-top:1px solid #f7f7f7}audio,canvas,iframe,img,svg,video{vertical-align:middle}blockquote,p{margin:0 0 1.5em}blockquote{margin:1.5em 0;padding:0 1.6em;border-left:.5em solid #f5f5f5}blockquote p{margin:.8em 0;font-size:1.2em;font-weight:300}blockquote small{display:inline-block;margin:.8em 0 .8em 1.5em;font-size:.9em;opacity:.8}blockquote small:before{content:"\2014 \00A0"}blockquote cite{font-weight:700}blockquote cite a{font-weight:400}a{color:#26a8ed;text-decoration:none;transition:.4s ease}a:hover{text-decoration:underline;transition:.2s ease}h1,h2,h3,h4,h5,h6{margin-top:0;line-height:1.4;font-weight:700;text-rendering:optimizeLegibility}h1{margin:0 0 .5em;font-size:5.7rem;font-weight:800}@media (max-width:500px){h1{font-size:2.7rem}}h2{margin:1.5em 0 .5em;font-size:4rem}@media (max-width:500px){h2{font-size:2rem}}h3{margin:1.5em 0 1em;font-size:3.2rem}@media (max-width:500px){h3{font-size:1.8rem}}h4{font-size:2.6rem}h4,h5{margin:1.5em 0 1em}h5{font-size:2.4rem}h6{margin:1.5em 0 1em;font-size:2.2rem}.kg-card{margin:7vw 0}.kg-embed-card{display:flex;flex-direction:column;align-items:center;width:100%}.kg-image{max-width:100%}.kg-card figcaption{padding:1.5rem;font-size:1.3rem;line-height:1.4em;font-weight:600;color:#131313;text-align:center;opacity:.4}.kg-width-wide{width:75vw}.kg-width-full,.kg-width-wide{position:relative;min-width:100%;margin-left:calc(50% - 50vw);margin-right:calc(50% - 50vw);transform:translateX(calc(50vw - 50%))}.kg-width-full{width:94vw}.kg-width-full figcaption{padding-left:0;padding-right:0;text-align:left}@media (max-width:800px){.kg-width-full{width:100vw}.kg-width-full figcaption{padding-left:6vw}}.kg-gallery-container{display:flex;flex-direction:column;position:relative;width:75vw;min-width:100%;margin-left:calc(50% - 50vw);margin-right:calc(50% - 50vw);transform:translateX(calc(50vw - 50%))}.kg-gallery-row{display:flex;flex-direction:row;justify-content:center}.kg-gallery-image img{display:block;margin:0;width:100%;height:100%}.kg-gallery-row:not(:first-of-type){margin:.75em 0 0}.kg-gallery-image:not(:first-of-type){margin:0 0 0 .75em}.kg-gallery-card+.kg-gallery-card,.kg-gallery-card+.kg-image-card.kg-width-wide,.kg-image-card.kg-width-wide+.kg-gallery-card,.kg-image-card.kg-width-wide+.kg-image-card.kg-width-wide{margin-top:calc(-7vw + .75em)}.kg-code-card{width:100%}.kg-code-card pre{margin:0}.kg-bookmark-card{width:100%}.kg-bookmark-container{display:flex;min-height:148px;color:#131313;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif;text-decoration:none;border-radius:5px;box-shadow:0 2px 6px -2px rgba(0,0,0,.1),0 0 1px rgba(0,0,0,.4);overflow:hidden}.kg-bookmark-container:hover{text-decoration:none}.kg-bookmark-content{display:flex;flex-direction:column;flex-grow:1;flex-basis:100%;align-items:flex-start;justify-content:flex-start;padding:20px}.kg-bookmark-title{color:#131313;font-size:1.6rem;line-height:1.5em;font-weight:600}.kg-bookmark-description{display:-webkit-box;font-size:1.4rem;line-height:1.5em;margin-top:10px;color:#54666d;font-weight:400;max-height:44px;overflow-y:hidden;-webkit-line-clamp:2;-webkit-box-orient:vertical}.kg-bookmark-thumbnail{position:relative;flex-grow:1;min-width:33%;max-height:100%}.kg-bookmark-thumbnail img{position:absolute;top:0;left:0;width:100%;height:100%;border-radius:0 3px 3px 0;-o-object-fit:cover;object-fit:cover}.kg-bookmark-metadata{display:flex;align-items:center;margin-top:14px;color:#343f44;font-size:1.4rem;font-weight:500}.kg-bookmark-icon{width:20px;height:20px;margin-right:6px}.kg-bookmark-author{line-height:1.5em}.kg-bookmark-author:after{content:"•";margin:0 6px}.kg-bookmark-publisher{display:block;max-width:240px;color:#343f44;white-space:nowrap;overflow:hidden}form[data-members-form] .button-loader,form[data-members-form] .message-error,form[data-members-form] .message-success{display:none}.message-error svg,.message-success svg{position:relative;top:-1px;margin-right:5px;height:15px;width:15px}.message-success svg{fill:#fff}.message-error svg{fill:#3eb0ef}form[data-members-form].error .message-error,form[data-members-form].success .message-success{position:fixed;top:20px;left:6vw;right:6vw;z-index:9999;max-width:calc(1400px - 12vw);margin:0 auto;padding:10px 0;color:#fff;font-size:1.4rem;line-height:1.5em;font-weight:500;text-align:center;background:#131313;border-radius:.5rem}form[data-members-form].success .message-success{background:var(--color-success)}form[data-members-form].error .message-error{color:#3eb0ef;background:#fff;box-shadow:0 0 0 1px #3eb0ef}form[data-members-form] .button{position:relative}form[data-members-form].loading .button-content{visibility:hidden}form[data-members-form].loading .button-loader{display:inline-block;position:absolute;left:50%;margin-left:-19px;transform:scale(.7)}.button-loader svg path,.button-loader svg rect{fill:#fff}form[data-members-form].error .message-error,form[data-members-form].success .message-success{display:block}dl,ol,ul{margin:0 0 2rem}ol,ul{padding-left:1.3em;padding-right:1.5em}ol ol,ol ul,ul ol,ul ul{margin:.5em 0 1em}ul{list-style:disc}ol{list-style:decimal}ol,ul{max-width:100%}li{margin:.5em 0;padding-left:.3em;line-height:1.6em}dt{display:block;font-weight:700;margin:0 0 1rem}dd{margin-left:2rem}.row{display:flex;flex:0 1 auto;flex-direction:row;flex-wrap:wrap;margin:0 -1rem}.col,.col-1,.col-2,.col-3,.col-4,.col-5,.col-6,.col-7,.col-8,.col-9,.col-10,.col-11,.col-12{padding:1rem}.col{flex-grow:1;flex-basis:0;max-width:100%}.col-1{flex-basis:8.3333333%;max-width:8.3333333%}.col-2{flex-basis:16.6666666%;max-width:16.6666666%}.col-3{flex-basis:25%;max-width:25%}.col-4{flex-basis:33.3333333%;max-width:33.3333333%}.col-5{flex-basis:41.6666666%;max-width:41.6666666%}.col-6{flex-basis:50%;max-width:50%}.col-7{flex-basis:58.3333333%;max-width:58.3333333%}.col-8{flex-basis:66.6666666%;max-width:66.6666666%}.col-9{flex-basis:75%;max-width:75%}.col-10{flex-basis:83.3333333%;max-width:83.3333333%}.col-11{flex-basis:91.6666666%;max-width:91.6666666%}.col-12{flex-basis:100%;max-width:100%}@media (max-width:800px){.col-1,.col-2,.col-3,.col-4,.col-5,.col-6,.col-7,.col-8,.col-9,.col-10,.col-11{flex-basis:50%;max-width:50%}}@media (max-width:600px){.col-1,.col-2,.col-3,.col-4,.col-5,.col-6,.col-7,.col-8,.col-9,.col-10,.col-11{flex-basis:100%;max-width:100%}}table{border-collapse:separate;margin:0 0 2rem;width:100%;font-size:.8em}th{color:#131313;font-size:.9em;font-weight:700;padding:0 .7em .4em;text-align:left}td{padding:.4em .7em;border-left-width:0;border-top-width:0}td:first-child{border-left-width:1px}tbody tr{border:1px solid #ddd;border-left:0;border-right:0}tbody tr:first-child td{border-top-width:1px}tbody tr:nth-child(odd){background-color:#f5f5f5}tbody td{border-color:#ddd;border-style:solid;border-width:0 1px 1px 0}tfoot{border-width:0}form{margin:0 0 2rem}fieldset{margin:0;padding:0;border:0}label{color:#3eb0ef;display:block;font-size:.9em;font-weight:700;margin:0 0 (2rem * .5)}input[type=email],input[type=password],input[type=search],input[type=tel],input[type=text],input[type=url],select,textarea{background:#f5f5f5;border-radius:.5rem;border:1px solid #ddd;color:inherit;display:block;outline:0;padding:0 .6em;text-decoration:none;width:100%}input[type=email]:invalid,input[type=password]:invalid,input[type=search]:invalid,input[type=tel]:invalid,input[type=text]:invalid,input[type=url]:invalid,select:invalid,textarea:invalid{box-shadow:none}input[type=email]:focus,input[type=password]:focus,input[type=search]:focus,input[type=tel]:focus,input[type=text]:focus,input[type=url]:focus,select:focus,textarea:focus{border-color:#3eb0ef;box-shadow:0 0 0 1px #3eb0ef}select{height:4rem;padding-right:4rem;text-overflow:ellipsis}select option{color:#3eb0ef;background:#f5f5f5}select:focus::-ms-value{background-color:transparent}select::-ms-expand{display:none}input[type=email],input[type=password],input[type=search],input[type=tel],input[type=text],input[type=url],select{height:4rem}textarea{padding:.3em .6em;resize:vertical}input[type=checkbox],input[type=radio]{display:block;margin-right:-2em;opacity:0;width:1em;z-index:-1}input[type=checkbox]+label,input[type=radio]+label{display:flex;align-items:center;color:#131313;cursor:pointer;font-size:1em;font-weight:400;padding-left:calc(2.4rem + .75em);padding-right:2rem;position:relative;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}input[type=checkbox]+label:before,input[type=radio]+label:before{background:#f5f5f5;border-radius:.5rem;border:1px solid #ddd;content:"";display:inline-block;height:2.4rem;line-height:2.24rem;text-align:center;width:2.4rem;margin-right:1rem}input[type=checkbox]:checked+label:before,input[type=radio]:checked+label:before{background:#3eb0ef;border-color:#3eb0ef;color:#f5f5f5;content:"✓"}input[type=checkbox]:focus+label:before,input[type=radio]:focus+label:before{border-color:#3eb0ef;box-shadow:0 0 0 1px #3eb0ef}input[type=checkbox]+label:before{border-radius:.5rem}input[type=radio]+label:before{border-radius:100%}.button,button,input[type=button],input[type=reset],input[type=submit]{display:inline-block;height:4rem;padding:0 2rem;border:0;border-radius:.5rem;cursor:pointer;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;font-size:1.4rem;font-weight:400;line-height:4rem;text-align:center;text-decoration:none;white-space:nowrap;-webkit-appearance:none;-moz-appearance:none;appearance:none;transition:.4s ease}.button.fit,button.fit,input[type=button].fit,input[type=reset].fit,input[type=submit].fit{width:100%}.button.small,button.small,input[type=button].small,input[type=reset].small,input[type=submit].small{height:3.6rem;line-height:3.6rem;padding:0 1.5rem;font-size:1.2rem}.button.large,button.large,input[type=button].large,input[type=reset].large,input[type=submit].large{height:4.56rem;line-height:4.56rem;padding:0 3rem;font-size:1.6rem}.button.disabled,.button:disabled,button.disabled,button:disabled,input[type=button].disabled,input[type=button]:disabled,input[type=reset].disabled,input[type=reset]:disabled,input[type=submit].disabled,input[type=submit]:disabled{pointer-events:none;opacity:.4}.button,button,input[type=button],input[type=reset],input[type=submit]{color:#3eb0ef!important;background-color:transparent;box-shadow:inset 0 0 0 2px #3eb0ef}.button:hover,button:hover,input[type=button]:hover,input[type=reset]:hover,input[type=submit]:hover{text-decoration:none;color:#118dd0!important;box-shadow:inset 0 0 0 2px #139de7;transition:.2s ease}.button.primary,button.primary,input[type=button].primary,input[type=reset].primary,input[type=submit].primary{color:#fff!important;background-color:#3eb0ef;box-shadow:none}.button.primary:hover,button.primary:hover,input[type=button].primary:hover,input[type=reset].primary:hover,input[type=submit].primary:hover{background-color:#139de7}.inner{width:100%;max-width:1030px;margin:0 auto}.site-head{padding:20px 4vw;color:#fff;background:#131313}.site-head a{color:#fff}.site-head-container{display:flex;align-items:center;justify-content:space-between}.site-head-left .nav{display:flex;align-items:center;list-style:none;margin:0;padding:0}.site-head-left .nav li{margin:0 10px 0 0;padding:0}.site-head-logo img{height:30px;width:auto}.site-main{margin:5vw 4vw}.site-foot{display:flex;align-items:center;justify-content:space-between;padding:20px 4vw;color:#fff;background:#131313}.site-foot a{color:#fff} +*,:after,:before{box-sizing:border-box}html{overflow-y:scroll;font-size:62.5%;-webkit-tap-highlight-color:rgba(0,0,0,0)}body,html{overflow-x:hidden}body{min-height:100vh;padding:0;color:#454545;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif;font-size:1.5rem;line-height:1.6em;font-weight:400;font-style:normal;background:#fff;scroll-behavior:smooth;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}blockquote,body,dd,dl,figcaption,figure,li,ol,p,ul{margin:0}ol[class],ul[class]{padding:0;list-style:none}img{display:block;max-width:100%}button,input,select,textarea{font:inherit}hr{position:relative;display:block;width:100%;margin:2.5em 0 3.5em;padding:0;height:1px;border:0;border-top:1px solid #f7f7f7}blockquote{margin:1.5em 0;padding:0 1.6em;border-left:.5em solid #f5f5f5}blockquote p{margin:.8em 0;font-size:1.2em;font-weight:300}blockquote small{display:inline-block;margin:.8em 0 .8em 1.5em;font-size:.9em;opacity:.8}::-moz-selection{text-shadow:none;background:#cbeafb}::selection{text-shadow:none;background:#cbeafb}mark{background-color:#fdffb6}a:not([class]){color:#26a8ed;-webkit-text-decoration-skip:ink;text-decoration-skip-ink:auto}a[class]{color:inherit;text-decoration:none;transition:.4s ease}a[class]:hover{transition:.2s ease}h1,h2,h3,h4,h5,h6{margin:0;line-height:1.1em;font-weight:700}h1{margin:0 0 .5em;font-size:5.7rem;font-weight:800}@media (max-width:500px){h1{font-size:2.7rem}}h2{margin:1.5em 0 .5em;font-size:4rem}@media (max-width:500px){h2{font-size:2rem}}h3{margin:1.5em 0 1em;font-size:3.2rem}@media (max-width:500px){h3{font-size:1.8rem}}h4{font-size:2.6rem}h4,h5{margin:1.5em 0 1em}h5{font-size:2.4rem}h6{margin:1.5em 0 1em;font-size:2.2rem}@media (prefers-reduced-motion:reduce){*{-webkit-animation-duration:.01ms!important;animation-duration:.01ms!important;-webkit-animation-iteration-count:1!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}.kg-card{margin:7vw 0}.kg-embed-card{display:flex;flex-direction:column;align-items:center;width:100%}.kg-image{max-width:100%}.kg-card figcaption{padding:1.5rem;font-size:1.3rem;line-height:1.4em;font-weight:600;color:#131313;text-align:center;opacity:.4}.kg-width-wide{width:75vw}.kg-width-full,.kg-width-wide{position:relative;min-width:100%;margin-left:calc(50% - 50vw);margin-right:calc(50% - 50vw);transform:translateX(calc(50vw - 50%))}.kg-width-full{width:94vw}.kg-width-full figcaption{padding-left:0;padding-right:0;text-align:left}@media (max-width:800px){.kg-width-full{width:100vw}.kg-width-full figcaption{padding-left:6vw}}.kg-gallery-container{display:flex;flex-direction:column;position:relative;width:75vw;min-width:100%;margin-left:calc(50% - 50vw);margin-right:calc(50% - 50vw);transform:translateX(calc(50vw - 50%))}.kg-gallery-row{display:flex;flex-direction:row;justify-content:center}.kg-gallery-image img{display:block;margin:0;width:100%;height:100%}.kg-gallery-row:not(:first-of-type){margin:.75em 0 0}.kg-gallery-image:not(:first-of-type){margin:0 0 0 .75em}.kg-gallery-card+.kg-gallery-card,.kg-gallery-card+.kg-image-card.kg-width-wide,.kg-image-card.kg-width-wide+.kg-gallery-card,.kg-image-card.kg-width-wide+.kg-image-card.kg-width-wide{margin-top:calc(-7vw + .75em)}.kg-code-card{width:100%}.kg-code-card pre{margin:0}.kg-bookmark-card{width:100%}.kg-bookmark-container{display:flex;min-height:148px;color:#131313;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif;text-decoration:none;border-radius:5px;box-shadow:0 2px 6px -2px rgba(0,0,0,.1),0 0 1px rgba(0,0,0,.4);overflow:hidden}.kg-bookmark-container:hover{text-decoration:none}.kg-bookmark-content{display:flex;flex-direction:column;flex-grow:1;flex-basis:100%;align-items:flex-start;justify-content:flex-start;padding:20px}.kg-bookmark-title{color:#131313;font-size:1.6rem;line-height:1.5em;font-weight:600}.kg-bookmark-description{display:-webkit-box;font-size:1.4rem;line-height:1.5em;margin-top:10px;color:#54666d;font-weight:400;max-height:44px;overflow-y:hidden;-webkit-line-clamp:2;-webkit-box-orient:vertical}.kg-bookmark-thumbnail{position:relative;flex-grow:1;min-width:33%;max-height:100%}.kg-bookmark-thumbnail img{position:absolute;top:0;left:0;width:100%;height:100%;border-radius:0 3px 3px 0;-o-object-fit:cover;object-fit:cover}.kg-bookmark-metadata{display:flex;align-items:center;margin-top:14px;color:#343f44;font-size:1.4rem;font-weight:500}.kg-bookmark-icon{width:20px;height:20px;margin-right:6px}.kg-bookmark-author{line-height:1.5em}.kg-bookmark-author:after{content:"•";margin:0 6px}.kg-bookmark-publisher{display:block;max-width:240px;color:#343f44;white-space:nowrap;overflow:hidden}form[data-members-form] .button-loader,form[data-members-form] .message-error,form[data-members-form] .message-success{display:none}.message-error svg,.message-success svg{position:relative;top:-1px;margin-right:5px;height:15px;width:15px}.message-success svg{fill:#fff}.message-error svg{fill:#3eb0ef}form[data-members-form].error .message-error,form[data-members-form].success .message-success{position:fixed;top:20px;left:6vw;right:6vw;z-index:9999;max-width:calc(1400px - 12vw);margin:0 auto;padding:10px 0;color:#fff;font-size:1.4rem;line-height:1.5em;font-weight:500;text-align:center;background:#131313;border-radius:.5rem}form[data-members-form].success .message-success{background:var(--color-success)}form[data-members-form].error .message-error{color:#3eb0ef;background:#fff;box-shadow:0 0 0 1px #3eb0ef}form[data-members-form] .button{position:relative}form[data-members-form].loading .button-content{visibility:hidden}form[data-members-form].loading .button-loader{display:inline-block;position:absolute;left:50%;margin-left:-19px;transform:scale(.7)}.button-loader svg path,.button-loader svg rect{fill:#fff}form[data-members-form].error .message-error,form[data-members-form].success .message-success{display:block}dl,ol,ul{margin:0 0 2rem}ol,ul{padding-left:1.3em;padding-right:1.5em}ol ol,ol ul,ul ol,ul ul{margin:.5em 0 1em}ul{list-style:disc}ol{list-style:decimal}ol,ul{max-width:100%}li{margin:.5em 0;padding-left:.3em;line-height:1.6em}dt{display:block;font-weight:700;margin:0 0 1rem}dd{margin-left:2rem}.row{display:flex;flex:0 1 auto;flex-direction:row;flex-wrap:wrap;margin:0 -1rem}.col,.col-1,.col-2,.col-3,.col-4,.col-5,.col-6,.col-7,.col-8,.col-9,.col-10,.col-11,.col-12{padding:1rem}.col{flex-grow:1;flex-basis:0;max-width:100%}.col-1{flex-basis:8.3333333%;max-width:8.3333333%}.col-2{flex-basis:16.6666666%;max-width:16.6666666%}.col-3{flex-basis:25%;max-width:25%}.col-4{flex-basis:33.3333333%;max-width:33.3333333%}.col-5{flex-basis:41.6666666%;max-width:41.6666666%}.col-6{flex-basis:50%;max-width:50%}.col-7{flex-basis:58.3333333%;max-width:58.3333333%}.col-8{flex-basis:66.6666666%;max-width:66.6666666%}.col-9{flex-basis:75%;max-width:75%}.col-10{flex-basis:83.3333333%;max-width:83.3333333%}.col-11{flex-basis:91.6666666%;max-width:91.6666666%}.col-12{flex-basis:100%;max-width:100%}@media (max-width:800px){.col-1,.col-2,.col-3,.col-4,.col-5,.col-6,.col-7,.col-8,.col-9,.col-10,.col-11{flex-basis:50%;max-width:50%}}@media (max-width:600px){.col-1,.col-2,.col-3,.col-4,.col-5,.col-6,.col-7,.col-8,.col-9,.col-10,.col-11{flex-basis:100%;max-width:100%}}table{border-collapse:separate;margin:0 0 2rem;width:100%;font-size:.8em}th{color:#131313;font-size:.9em;font-weight:700;padding:0 .7em .4em;text-align:left}td{padding:.4em .7em;border-left-width:0;border-top-width:0}td:first-child{border-left-width:1px}tbody tr{border:1px solid #ddd;border-left:0;border-right:0}tbody tr:first-child td{border-top-width:1px}tbody tr:nth-child(odd){background-color:#f5f5f5}tbody td{border-color:#ddd;border-style:solid;border-width:0 1px 1px 0}tfoot{border-width:0}form{margin:0 0 2rem}fieldset{margin:0;padding:0;border:0}label{color:#3eb0ef;display:block;font-size:.9em;font-weight:700;margin:0 0 (2rem * .5)}input[type=email],input[type=password],input[type=search],input[type=tel],input[type=text],input[type=url],select,textarea{background:#f5f5f5;border-radius:.5rem;border:1px solid #ddd;color:inherit;display:block;outline:0;padding:0 .6em;text-decoration:none;width:100%}input[type=email]:invalid,input[type=password]:invalid,input[type=search]:invalid,input[type=tel]:invalid,input[type=text]:invalid,input[type=url]:invalid,select:invalid,textarea:invalid{box-shadow:none}input[type=email]:focus,input[type=password]:focus,input[type=search]:focus,input[type=tel]:focus,input[type=text]:focus,input[type=url]:focus,select:focus,textarea:focus{border-color:#3eb0ef;box-shadow:0 0 0 1px #3eb0ef}select{height:4rem;padding-right:4rem;text-overflow:ellipsis}select option{color:#3eb0ef;background:#f5f5f5}select:focus::-ms-value{background-color:transparent}select::-ms-expand{display:none}input[type=email],input[type=password],input[type=search],input[type=tel],input[type=text],input[type=url],select{height:4rem}textarea{padding:.3em .6em;resize:vertical}input[type=checkbox],input[type=radio]{display:block;margin-right:-2em;opacity:0;width:1em;z-index:-1}input[type=checkbox]+label,input[type=radio]+label{display:flex;align-items:center;color:#131313;cursor:pointer;font-size:1em;font-weight:400;padding-left:calc(2.4rem + .75em);padding-right:2rem;position:relative;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}input[type=checkbox]+label:before,input[type=radio]+label:before{background:#f5f5f5;border-radius:.5rem;border:1px solid #ddd;content:"";display:inline-block;height:2.4rem;line-height:2.24rem;text-align:center;width:2.4rem;margin-right:1rem}input[type=checkbox]:checked+label:before,input[type=radio]:checked+label:before{background:#3eb0ef;border-color:#3eb0ef;color:#f5f5f5;content:"✓"}input[type=checkbox]:focus+label:before,input[type=radio]:focus+label:before{border-color:#3eb0ef;box-shadow:0 0 0 1px #3eb0ef}input[type=checkbox]+label:before{border-radius:.5rem}input[type=radio]+label:before{border-radius:100%}.button,button,input[type=button],input[type=reset],input[type=submit]{display:inline-block;height:4rem;padding:0 2rem;border:0;border-radius:.5rem;cursor:pointer;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;font-size:1.4rem;font-weight:400;line-height:4rem;text-align:center;text-decoration:none;white-space:nowrap;-webkit-appearance:none;-moz-appearance:none;appearance:none;transition:.4s ease}.button.fit,button.fit,input[type=button].fit,input[type=reset].fit,input[type=submit].fit{width:100%}.button.small,button.small,input[type=button].small,input[type=reset].small,input[type=submit].small{height:3.6rem;line-height:3.6rem;padding:0 1.5rem;font-size:1.2rem}.button.large,button.large,input[type=button].large,input[type=reset].large,input[type=submit].large{height:4.56rem;line-height:4.56rem;padding:0 3rem;font-size:1.6rem}.button.disabled,.button:disabled,button.disabled,button:disabled,input[type=button].disabled,input[type=button]:disabled,input[type=reset].disabled,input[type=reset]:disabled,input[type=submit].disabled,input[type=submit]:disabled{pointer-events:none;opacity:.4}.button,button,input[type=button],input[type=reset],input[type=submit]{color:#3eb0ef!important;background-color:transparent;box-shadow:inset 0 0 0 2px #3eb0ef}.button:hover,button:hover,input[type=button]:hover,input[type=reset]:hover,input[type=submit]:hover{text-decoration:none;color:#118dd0!important;box-shadow:inset 0 0 0 2px #139de7;transition:.2s ease}.button.primary,button.primary,input[type=button].primary,input[type=reset].primary,input[type=submit].primary{color:#fff!important;background-color:#3eb0ef;box-shadow:none}.button.primary:hover,button.primary:hover,input[type=button].primary:hover,input[type=reset].primary:hover,input[type=submit].primary:hover{background-color:#139de7}.inner{width:100%;max-width:1030px;margin:0 auto}.site-head{padding:20px 4vw;color:#fff;background:#131313}.site-head a{color:#fff}.site-head-container{display:flex;align-items:center;justify-content:space-between}.site-head-left .nav{display:flex;align-items:center;list-style:none;margin:0;padding:0}.site-head-left .nav li{margin:0 10px 0 0;padding:0}.site-head-logo img{height:30px;width:auto}.site-main{margin:5vw 4vw}.site-foot{display:flex;align-items:center;justify-content:space-between;padding:20px 4vw;color:#fff;background:#131313}.site-foot a{color:#fff}.post-body>*+*{margin-top:1em} /*# sourceMappingURL=screen.css.map */ \ No newline at end of file diff --git a/assets/built/screen.css.map b/assets/built/screen.css.map index 0f159191..6839ec87 100644 --- a/assets/built/screen.css.map +++ b/assets/built/screen.css.map @@ -1 +1 @@ -{"version":3,"sources":["components/global.css","components/ghost.css","components/lists.css","components/grid.css","components/tables.css","components/forms.css","components/buttons.css","screen.css"],"names":[],"mappings":"AAGA,8YA6EI,QAAS,CACT,SAAU,CACV,QAAS,CACT,YAAa,CACb,cAAe,CACf,uBACJ,CACA,KACI,aACJ,CACA,MAEI,eACJ,CACA,aAEI,WACJ,CACA,oDAII,UAAW,CACX,YACJ,CAKA,IACI,cACJ,CACA,KACI,qBAAsB,CACtB,sBAAuB,CAEvB,yBAA0B,CAC1B,6BACJ,CACA,iBAGI,kBACJ,CACA,EACI,4BACJ,CACA,iBAEI,SACJ,CACA,SAEI,eACJ,CACA,SAGI,iBACJ,CACA,GACI,cAAgB,CAChB,aACJ,CACA,MACI,aACJ,CACA,QAEI,iBAAkB,CAClB,aAAc,CACd,aAAc,CACd,uBACJ,CACA,IACI,SACJ,CACA,IACI,aACJ,CACA,IACI,QACJ,CACA,eACI,eACJ,CACA,KACI,wBACJ,CACA,kBAII,+BAAiC,CACjC,aACJ,CACA,sCAKI,QAAS,CACT,aAAc,CACd,YACJ,CACA,OACI,gBAAiB,CACjB,WACJ,CACA,cAEI,mBACJ,CACA,oEAII,cAAe,CACf,yBACJ,CACA,sCAEI,cACJ,CACA,iDAEI,SAAU,CACV,QACJ,CACA,MACI,kBACJ,CACA,YACI,YACJ,CACA,uCAEI,qBAAsB,CACtB,SACJ,CACA,4FAEI,WACJ,CACA,mBACI,sBAAuB,CAEvB,4BACJ,CACA,+FAEI,uBACJ,CACA,OACI,SAAU,CACV,QACJ,CACA,SACI,aACJ,CACA,MACI,gBAAiB,CACjB,wBACJ,CACA,MAEI,SACJ,CAMA,KAEI,iBAAkB,CAClB,eAAgB,CAEhB,yCACJ,CACA,UANI,iBAqBJ,CAfA,KAEI,aAAuC,CACvC,wHAAwI,CACxI,gBAAiB,CACjB,iBAAkB,CAClB,eAAgB,CAChB,iBAAkB,CAClB,gBAAiB,CACjB,iCAAkC,CAClC,eAAgB,CAEhB,kCAAmC,CACnC,iCAAkC,CAClC,oCACJ,CAEA,iBACI,gBAAiB,CACjB,kBACJ,CAHA,YACI,gBAAiB,CACjB,kBACJ,CAEA,GACI,iBAAkB,CAClB,aAAc,CACd,UAAW,CACX,oBAAqB,CACrB,SAAU,CACV,UAAW,CACX,QAAS,CACT,4BACJ,CAEA,kCAMI,qBACJ,CAEA,aAEI,gBACJ,CAEA,WACI,cAAe,CACf,eAAwB,CACxB,8BACJ,CAEA,aACI,aAAe,CACf,eAAgB,CAChB,eACJ,CAEA,iBACI,oBAAqB,CACrB,wBAA2B,CAC3B,cAAgB,CAChB,UACJ,CAEA,wBACI,qBACJ,CAEA,gBACI,eACJ,CACA,kBACI,eACJ,CAEA,EACI,aAAyC,CACzC,oBAAqB,CACrB,mBACJ,CAEA,QACI,yBAA0B,CAC1B,mBACJ,CAEA,kBAMI,YAAa,CACb,eAAgB,CAChB,eAAgB,CAChB,iCACJ,CAEA,GACI,eAAmB,CACnB,gBAAiB,CACjB,eACJ,CACA,yBACI,GACI,gBACJ,CACJ,CAEA,GACI,mBAAuB,CACvB,cACJ,CACA,yBACI,GACI,cACJ,CACJ,CAEA,GACI,kBAAqB,CACrB,gBACJ,CACA,yBACI,GACI,gBACJ,CACJ,CAEA,GAEI,gBACJ,CAEA,MAJI,kBAOJ,CAHA,GAEI,gBACJ,CAEA,GACI,kBAAqB,CACrB,gBACJ,CCjZA,SACI,YACJ,CAEA,eACI,YAAa,CACb,qBAAsB,CACtB,kBAAmB,CACnB,UACJ,CAEA,UACI,cACJ,CAEA,oBACI,cAAe,CACf,gBAAiB,CACjB,iBAAkB,CAClB,eAAgB,CAChB,aAAwB,CACxB,iBAAkB,CAClB,UACJ,CAMA,eAEI,UAKJ,CAEA,8BARI,iBAAkB,CAElB,cAAe,CACf,4BAA6B,CAC7B,6BAA8B,CAC9B,sCAUJ,CAPA,eAEI,UAKJ,CAEA,0BACI,cAAe,CACf,eAAgB,CAChB,eACJ,CAEA,yBACI,eACI,WACJ,CACA,0BACI,gBACJ,CACJ,CAMA,sBACI,YAAa,CACb,qBAAsB,CACtB,iBAAkB,CAClB,UAAW,CACX,cAAe,CACf,4BAA6B,CAC7B,6BAA8B,CAC9B,sCACJ,CAEA,gBACI,YAAa,CACb,kBAAmB,CACnB,sBACJ,CAEA,sBACI,aAAc,CACd,QAAS,CACT,UAAW,CACX,WACJ,CAEA,oCACI,gBACJ,CAEA,sCACI,kBACJ,CAEA,wLAII,6BACJ,CAKA,cACI,UACJ,CAEA,kBACI,QACJ,CAMA,kBACI,UACJ,CAEA,uBACI,YAAa,CACb,gBAAiB,CACjB,aAAc,CACd,wHAAwI,CACxI,oBAAqB,CACrB,iBAAkB,CAClB,+DAAyE,CACzE,eACJ,CAEA,6BACI,oBACJ,CAEA,qBACI,YAAa,CACb,qBAAsB,CACtB,WAAY,CACZ,eAAgB,CAChB,sBAAuB,CACvB,0BAA2B,CAC3B,YACJ,CAEA,mBACI,aAAc,CACd,gBAAiB,CACjB,iBAAkB,CAClB,eACJ,CAEA,yBACI,mBAAoB,CACpB,gBAAiB,CACjB,iBAAkB,CAClB,eAAgB,CAChB,aAAc,CACd,eAAgB,CAChB,eAAgB,CAChB,iBAAkB,CAElB,oBAAqB,CACrB,2BACJ,CAEA,uBACI,iBAAkB,CAClB,WAAY,CACZ,aAAc,CACd,eACJ,CAEA,2BACI,iBAAkB,CAClB,KAAM,CACN,MAAO,CACP,UAAW,CACX,WAAY,CACZ,yBAA0B,CAE1B,mBAAiB,CAAjB,gBACJ,CAEA,sBACI,YAAa,CACb,kBAAmB,CACnB,eAAgB,CAChB,aAAc,CACd,gBAAiB,CACjB,eACJ,CAEA,kBACI,UAAW,CACX,WAAY,CACZ,gBACJ,CAEA,oBACI,iBACJ,CAEA,0BACI,WAAY,CACZ,YACJ,CAEA,uBACI,aAAc,CACd,eAAgB,CAChB,aAAc,CACd,kBAAmB,CACnB,eACJ,CAMA,uHAGI,YACJ,CAEA,wCAEI,iBAAkB,CAClB,QAAS,CACT,gBAAiB,CACjB,WAAY,CACZ,UACJ,CACA,qBACI,SACJ,CACA,mBACI,YACJ,CAEA,8FAEI,cAAe,CACf,QAAS,CACT,QAAS,CACT,SAAU,CACV,YAAa,CACb,6BAA8B,CAC9B,aAAc,CACd,cAAe,CACf,UAAW,CACX,gBAAiB,CACjB,iBAAkB,CAClB,eAAgB,CAChB,iBAAkB,CAClB,kBAA6B,CAC7B,mBACJ,CACA,iDACI,+BACJ,CACA,6CACI,aAA2B,CAC3B,eAAgB,CAChB,4BACJ,CAEA,gCACI,iBACJ,CAKA,gDACI,iBACJ,CAGA,+CACI,oBAAqB,CACrB,iBAAkB,CAClB,QAAS,CACT,iBAAkB,CAClB,mBACJ,CAEA,gDAEE,SACF,CAQA,8FACI,aACJ,CCjTA,SAGI,eACJ,CAEA,MAEI,kBAAmB,CACnB,mBACJ,CAEA,wBAII,iBACJ,CAEA,GACI,eACJ,CAEA,GACI,kBACJ,CAEA,MAEI,cACJ,CAEA,GACI,aAAe,CACf,iBAAmB,CACnB,iBACJ,CAGA,GACI,aAAc,CACd,eAA6B,CAC7B,eACJ,CAEA,GACI,gBACJ,CC/CA,KACI,YAAa,CACb,aAAc,CACd,kBAAmB,CACnB,cAAe,CACf,cACJ,CAEA,4FAaI,YACJ,CAEA,KACI,WAAY,CACZ,YAAa,CACb,cACJ,CAEA,OACI,qBAAsB,CACtB,oBACJ,CAEA,OACI,sBAAuB,CACvB,qBACJ,CAEA,OACI,cAAe,CACf,aACJ,CAEA,OACI,sBAAuB,CACvB,qBACJ,CAEA,OACI,sBAAuB,CACvB,qBACJ,CAEA,OACI,cAAe,CACf,aACJ,CAEA,OACI,sBAAuB,CACvB,qBACJ,CAEA,OACI,sBAAuB,CACvB,qBACJ,CAEA,OACI,cAAe,CACf,aACJ,CAEA,QACI,sBAAuB,CACvB,qBACJ,CAEA,QACI,sBAAuB,CACvB,qBACJ,CAEA,QACI,eAAgB,CAChB,cACJ,CAEA,yBACI,+EAWI,cAAe,CACf,aACJ,CACJ,CAEA,yBACI,+EAWI,eAAgB,CAChB,cACJ,CACJ,CC1HA,MACI,wBAAyB,CACzB,eAA2B,CAC3B,UAAW,CACX,cACJ,CAEA,GACI,aAAwB,CACxB,cAAgB,CAChB,eAA6B,CAC7B,mBAA4B,CAC5B,eACJ,CAEA,GACI,iBAAoB,CACpB,mBAAoB,CACpB,kBACJ,CAEA,eACI,qBACJ,CAEA,SACI,qBAAqC,CACrC,aAAc,CACd,cACJ,CAEA,wBACI,oBACJ,CAEA,wBACI,wBACJ,CAEA,SAGI,iBAAmB,CAAnB,kBAAmB,CAAnB,wBACJ,CAEA,MACI,cACJ,CC/CA,KACI,eACJ,CAEA,SACI,QAAS,CACT,SAAU,CACV,QACJ,CAEA,MACI,aAA2B,CAC3B,aAAc,CACd,cAAgB,CAChB,eAA6B,CAC7B,sBACJ,CAEA,2HAQI,kBAA2B,CAC3B,mBAA4B,CAE5B,qBAAqC,CACrC,aAAc,CACd,aAAc,CACd,SAAU,CACV,cAAgB,CAChB,oBAAqB,CACrB,UACJ,CAEA,2LAQI,eACJ,CAEA,2KAQI,oBAAkC,CAClC,4BACJ,CAEA,OACI,WAAqB,CACrB,kBAA4B,CAC5B,sBACJ,CAEA,cACI,aAA2B,CAC3B,kBACJ,CAEA,wBACI,4BACJ,CAEA,mBACI,YACJ,CAEA,kHAOI,WACJ,CAEA,SACI,iBAAoB,CACpB,eACJ,CAEA,uCAEI,aAAc,CACd,iBAAkB,CAClB,SAAU,CACV,SAAU,CACV,UACJ,CAEA,mDAEI,YAAa,CACb,kBAAmB,CACnB,aAAwB,CACxB,cAAe,CACf,aAAc,CACd,eAA+B,CAC/B,iCAAkD,CAClD,kBAAmB,CACnB,iBAAkB,CAClB,wBAAiB,CAAjB,qBAAiB,CAAjB,oBAAiB,CAAjB,gBACJ,CAEA,iEAEI,kBAA2B,CAC3B,mBAA4B,CAC5B,qBAAqC,CACrC,UAAW,CACX,oBAAqB,CACrB,aAAiC,CACjC,mBAAuC,CACvC,iBAAkB,CAClB,YAAgC,CAChC,iBACJ,CAEA,iFAEI,kBAAgC,CAChC,oBAAkC,CAClC,aAAsB,CACtB,WACJ,CAEA,6EAEI,oBAAkC,CAClC,4BACJ,CAGA,kCACI,mBACJ,CAEA,+BACI,kBACJ,CCzJA,uEAKI,oBAAqB,CACrB,WAAqB,CACrB,cAAe,CACf,QAAS,CACT,mBAA4B,CAC5B,cAAe,CACf,mIAAmC,CACnC,gBAAiB,CACjB,eAA+B,CAC/B,gBAA0B,CAC1B,iBAAkB,CAClB,oBAAqB,CACrB,kBAAmB,CACnB,uBAAgB,CAAhB,oBAAgB,CAAhB,eAAgB,CAChB,mBACJ,CAEA,2FAKI,UACJ,CAEA,qGAKI,aAAiC,CACjC,kBAAsC,CACtC,gBAAiB,CACjB,gBACJ,CAEA,qGAKI,cAAkC,CAClC,mBAAuC,CACvC,cAAe,CACf,gBACJ,CAGA,wOAUI,mBAAoB,CACpB,UACJ,CAIA,uEAKI,uBAAsC,CACtC,4BAA6B,CAC7B,kCACJ,CAEA,qGAKI,oBAAqB,CACrB,uBAAqD,CACrD,kCAA+D,CAC/D,mBACJ,CAEA,+GAKI,oBAAsB,CACtB,wBAAsC,CACtC,eACJ,CAEA,6IAKQ,wBACJ,CCjFJ,OACI,UAAW,CACX,gBAAiB,CACjB,aACJ,CAGA,WACI,gBAAiB,CACjB,UAAW,CACX,kBACJ,CAEA,aACI,UACJ,CAEA,qBACI,YAAa,CACb,kBAAmB,CACnB,6BACJ,CAEA,qBACI,YAAa,CACb,kBAAmB,CACnB,eAAgB,CAChB,QAAS,CACT,SACJ,CAEA,wBACI,iBAAkB,CAClB,SACJ,CAEA,oBACI,WAAY,CACZ,UACJ,CAGA,WACI,cACJ,CAGA,WACI,YAAa,CACb,kBAAmB,CACnB,6BAA8B,CAC9B,gBAAiB,CACjB,UAAW,CACX,kBACJ,CAEA,aACI,UACJ","file":"screen.css","sourcesContent":["/* Reset\n/* ---------------------------------------------------------- */\n\nhtml,\nbody,\ndiv,\nspan,\napplet,\nobject,\niframe,\nh1,\nh2,\nh3,\nh4,\nh5,\nh6,\np,\nblockquote,\npre,\na,\nabbr,\nacronym,\naddress,\nbig,\ncite,\ncode,\ndel,\ndfn,\nem,\nimg,\nins,\nkbd,\nq,\ns,\nsamp,\nsmall,\nstrike,\nstrong,\nsub,\nsup,\ntt,\nvar,\ndl,\ndt,\ndd,\nol,\nul,\nli,\nfieldset,\nform,\nlabel,\nlegend,\ntable,\ncaption,\ntbody,\ntfoot,\nthead,\ntr,\nth,\ntd,\narticle,\naside,\ncanvas,\ndetails,\nembed,\nfigure,\nfigcaption,\nfooter,\nheader,\nhgroup,\nmenu,\nnav,\noutput,\nruby,\nsection,\nsummary,\ntime,\nmark,\naudio,\nvideo {\n margin: 0;\n padding: 0;\n border: 0;\n font: inherit;\n font-size: 100%;\n vertical-align: baseline;\n}\nbody {\n line-height: 1;\n}\nol,\nul {\n list-style: none;\n}\nblockquote,\nq {\n quotes: none;\n}\nblockquote:before,\nblockquote:after,\nq:before,\nq:after {\n content: \"\";\n content: none;\n}\ntable {\n border-spacing: 0;\n border-collapse: collapse;\n}\nimg {\n max-width: 100%;\n}\nhtml {\n box-sizing: border-box;\n font-family: sans-serif;\n\n -ms-text-size-adjust: 100%;\n -webkit-text-size-adjust: 100%;\n}\n*,\n*:before,\n*:after {\n box-sizing: inherit;\n}\na {\n background-color: transparent;\n}\na:active,\na:hover {\n outline: 0;\n}\nb,\nstrong {\n font-weight: bold;\n}\ni,\nem,\ndfn {\n font-style: italic;\n}\nh1 {\n margin: 0.67em 0;\n font-size: 2em;\n}\nsmall {\n font-size: 80%;\n}\nsub,\nsup {\n position: relative;\n font-size: 75%;\n line-height: 0;\n vertical-align: baseline;\n}\nsup {\n top: -0.5em;\n}\nsub {\n bottom: -0.25em;\n}\nimg {\n border: 0;\n}\nsvg:not(:root) {\n overflow: hidden;\n}\nmark {\n background-color: #fdffb6;\n}\ncode,\nkbd,\npre,\nsamp {\n font-family: monospace, monospace;\n font-size: 1em;\n}\nbutton,\ninput,\noptgroup,\nselect,\ntextarea {\n margin: 0;\n color: inherit;\n font: inherit;\n}\nbutton {\n overflow: visible;\n border: none;\n}\nbutton,\nselect {\n text-transform: none;\n}\nbutton,\nhtml input[type=\"button\"],\ninput[type=\"reset\"],\ninput[type=\"submit\"] {\n cursor: pointer;\n -webkit-appearance: button;\n}\nbutton[disabled],\nhtml input[disabled] {\n cursor: default;\n}\nbutton::-moz-focus-inner,\ninput::-moz-focus-inner {\n padding: 0;\n border: 0;\n}\ninput {\n line-height: normal;\n}\ninput:focus {\n outline: none;\n}\ninput[type=\"checkbox\"],\ninput[type=\"radio\"] {\n box-sizing: border-box;\n padding: 0;\n}\ninput[type=\"number\"]::-webkit-inner-spin-button,\ninput[type=\"number\"]::-webkit-outer-spin-button {\n height: auto;\n}\ninput[type=\"search\"] {\n box-sizing: content-box;\n\n -webkit-appearance: textfield;\n}\ninput[type=\"search\"]::-webkit-search-cancel-button,\ninput[type=\"search\"]::-webkit-search-decoration {\n -webkit-appearance: none;\n}\nlegend {\n padding: 0;\n border: 0;\n}\ntextarea {\n overflow: auto;\n}\ntable {\n border-spacing: 0;\n border-collapse: collapse;\n}\ntd,\nth {\n padding: 0;\n}\n\n/* ==========================================================================\n Base styles: opinionated defaults\n ========================================================================== */\n\nhtml {\n overflow-x: hidden;\n overflow-y: scroll;\n font-size: 62.5%;\n\n -webkit-tap-highlight-color: rgba(0, 0, 0, 0);\n}\nbody {\n overflow-x: hidden;\n color: color(var(--color-base) l(+20%));\n font-family: -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Oxygen, Ubuntu, Cantarell, \"Open Sans\", \"Helvetica Neue\", sans-serif;\n font-size: 1.5rem;\n line-height: 1.6em;\n font-weight: 400;\n font-style: normal;\n letter-spacing: 0;\n text-rendering: optimizeLegibility;\n background: #fff;\n\n -webkit-font-smoothing: antialiased;\n -moz-osx-font-smoothing: grayscale;\n -moz-font-feature-settings: \"liga\" on;\n}\n\n::selection {\n text-shadow: none;\n background: #cbeafb;\n}\n\nhr {\n position: relative;\n display: block;\n width: 100%;\n margin: 2.5em 0 3.5em;\n padding: 0;\n height: 1px;\n border: 0;\n border-top: 1px solid color(var(--color-border) l(+10%));\n}\n\naudio,\ncanvas,\niframe,\nimg,\nsvg,\nvideo {\n vertical-align: middle;\n}\n\np,\nblockquote {\n margin: 0 0 1.5em 0;\n}\n\nblockquote {\n margin: 1.5em 0;\n padding: 0 1.6em 0 1.6em;\n border-left: var(--color-bg) 0.5em solid;\n}\n\nblockquote p {\n margin: 0.8em 0;\n font-size: 1.2em;\n font-weight: 300;\n}\n\nblockquote small {\n display: inline-block;\n margin: 0.8em 0 0.8em 1.5em;\n font-size: 0.9em;\n opacity: 0.8;\n}\n/* Quotation marks */\nblockquote small:before {\n content: \"\\2014 \\00A0\";\n}\n\nblockquote cite {\n font-weight: bold;\n}\nblockquote cite a {\n font-weight: normal;\n}\n\na {\n color: color(var(--color-primary) l(-5%));\n text-decoration: none;\n transition: 0.4s ease;\n}\n\na:hover {\n text-decoration: underline;\n transition: 0.2s ease;\n}\n\nh1,\nh2,\nh3,\nh4,\nh5,\nh6 {\n margin-top: 0;\n line-height: 1.4;\n font-weight: 700;\n text-rendering: optimizeLegibility;\n}\n\nh1 {\n margin: 0 0 0.5em 0;\n font-size: 5.7rem;\n font-weight: 800;\n}\n@media (max-width: 500px) {\n h1 {\n font-size: 2.7rem;\n }\n}\n\nh2 {\n margin: 1.5em 0 0.5em 0;\n font-size: 4rem;\n}\n@media (max-width: 500px) {\n h2 {\n font-size: 2rem;\n }\n}\n\nh3 {\n margin: 1.5em 0 1em 0;\n font-size: 3.2rem;\n}\n@media (max-width: 500px) {\n h3 {\n font-size: 1.8rem;\n }\n}\n\nh4 {\n margin: 1.5em 0 1em 0;\n font-size: 2.6rem;\n}\n\nh5 {\n margin: 1.5em 0 1em 0;\n font-size: 2.4rem;\n}\n\nh6 {\n margin: 1.5em 0 1em 0;\n font-size: 2.2rem;\n}\n\n","/* Styling for Ghost-specific elements\n/* ---------------------------------------------------------- */\n\n.kg-card {\n margin: 7vw 0;\n}\n\n.kg-embed-card {\n display: flex;\n flex-direction: column;\n align-items: center;\n width: 100%;\n}\n\n.kg-image {\n max-width: 100%;\n}\n\n.kg-card figcaption {\n padding: 1.5rem;\n font-size: 1.3rem;\n line-height: 1.4em;\n font-weight: 600;\n color: var(--color-base);\n text-align: center;\n opacity: 0.4;\n}\n\n\n/* Wide cards\n/* ---------------------------------------------------------- */\n\n.kg-width-wide {\n position: relative;\n width: 75vw;\n min-width: 100%;\n margin-left: calc(50% - 50vw);\n margin-right: calc(50% - 50vw);\n transform: translateX(calc(50vw - 50%));\n}\n\n.kg-width-full {\n position: relative;\n width: 94vw;\n min-width: 100%;\n margin-left: calc(50% - 50vw);\n margin-right: calc(50% - 50vw);\n transform: translateX(calc(50vw - 50%));\n}\n\n.kg-width-full figcaption {\n padding-left: 0;\n padding-right: 0;\n text-align: left;\n}\n\n@media (max-width: 800px) {\n .kg-width-full {\n width: 100vw;\n }\n .kg-width-full figcaption {\n padding-left: 6vw;\n }\n}\n\n\n/* Galleries\n/* ---------------------------------------------------------- */\n\n.kg-gallery-container {\n display: flex;\n flex-direction: column;\n position: relative;\n width: 75vw;\n min-width: 100%;\n margin-left: calc(50% - 50vw);\n margin-right: calc(50% - 50vw);\n transform: translateX(calc(50vw - 50%));\n}\n\n.kg-gallery-row {\n display: flex;\n flex-direction: row;\n justify-content: center;\n}\n\n.kg-gallery-image img {\n display: block;\n margin: 0;\n width: 100%;\n height: 100%;\n}\n\n.kg-gallery-row:not(:first-of-type) {\n margin: 0.75em 0 0 0;\n}\n\n.kg-gallery-image:not(:first-of-type) {\n margin: 0 0 0 0.75em;\n}\n\n.kg-gallery-card + .kg-image-card.kg-width-wide,\n.kg-gallery-card + .kg-gallery-card,\n.kg-image-card.kg-width-wide + .kg-gallery-card,\n.kg-image-card.kg-width-wide + .kg-image-card.kg-width-wide {\n margin-top: calc( -7vw + 0.75em );\n}\n\n/* Code Cards\n/* ---------------------------------------------------------- */\n\n.kg-code-card {\n width: 100%;\n}\n\n.kg-code-card pre {\n margin: 0;\n}\n\n\n/* Bookmark Cards\n/* ---------------------------------------------------------- */\n\n.kg-bookmark-card {\n width: 100%;\n}\n\n.kg-bookmark-container {\n display: flex;\n min-height: 148px;\n color: #131313;\n font-family: -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Oxygen, Ubuntu, Cantarell, \"Open Sans\", \"Helvetica Neue\", sans-serif;\n text-decoration: none;\n border-radius: 5px;\n box-shadow: 0 2px 6px -2px rgba(0, 0, 0, 0.1), 0 0 1px rgba(0, 0, 0, 0.4);\n overflow: hidden;\n}\n\n.kg-bookmark-container:hover {\n text-decoration: none;\n}\n\n.kg-bookmark-content {\n display: flex;\n flex-direction: column;\n flex-grow: 1;\n flex-basis: 100%;\n align-items: flex-start;\n justify-content: flex-start;\n padding: 20px;\n}\n\n.kg-bookmark-title {\n color: #131313;\n font-size: 1.6rem;\n line-height: 1.5em;\n font-weight: 600;\n}\n\n.kg-bookmark-description {\n display: -webkit-box;\n font-size: 1.4rem;\n line-height: 1.5em;\n margin-top: 10px;\n color: #54666d;\n font-weight: 400;\n max-height: 44px;\n overflow-y: hidden;\n\n -webkit-line-clamp: 2;\n -webkit-box-orient: vertical;\n}\n\n.kg-bookmark-thumbnail {\n position: relative;\n flex-grow: 1;\n min-width: 33%;\n max-height: 100%;\n}\n\n.kg-bookmark-thumbnail img {\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n border-radius: 0 3px 3px 0;\n\n object-fit: cover;\n}\n\n.kg-bookmark-metadata {\n display: flex;\n align-items: center;\n margin-top: 14px;\n color: #343f44;\n font-size: 1.4rem;\n font-weight: 500;\n}\n\n.kg-bookmark-icon {\n width: 20px;\n height: 20px;\n margin-right: 6px;\n}\n\n.kg-bookmark-author {\n line-height: 1.5em;\n}\n\n.kg-bookmark-author:after {\n content: \"•\";\n margin: 0 6px;\n}\n\n.kg-bookmark-publisher {\n display: block;\n max-width: 240px;\n color: #343f44;\n white-space: nowrap;\n overflow: hidden;\n}\n\n\n/* Members Forms\n/* ---------------------------------------------------------- */\n\nform[data-members-form] .button-loader,\nform[data-members-form] .message-success,\nform[data-members-form] .message-error {\n display: none;\n}\n\n.message-success svg,\n.message-error svg {\n position: relative;\n top: -1px;\n margin-right: 5px;\n height: 15px;\n width: 15px;\n}\n.message-success svg {\n fill: #fff;\n}\n.message-error svg {\n fill: var(--color-primary);\n}\n\nform[data-members-form].success .message-success,\nform[data-members-form].error .message-error {\n position: fixed;\n top: 20px;\n left: 6vw;\n right: 6vw;\n z-index: 9999;\n max-width: calc(1400px - 12vw);\n margin: 0 auto;\n padding: 10px 0;\n color: #fff;\n font-size: 1.4rem;\n line-height: 1.5em;\n font-weight: 500;\n text-align: center;\n background: var(--color-base);\n border-radius: var(--radius);\n}\nform[data-members-form].success .message-success {\n background: var(--color-success);\n}\nform[data-members-form].error .message-error {\n color: var(--color-primary);\n background: #fff;\n box-shadow: var(--color-primary) 0 0 0 1px;\n}\n\nform[data-members-form] .button {\n position: relative;\n}\n\n/*-- Loading --*/\n\n/* Hide button text */\nform[data-members-form].loading .button-content {\n visibility: hidden;\n}\n\n/* Show loading spinner */\nform[data-members-form].loading .button-loader {\n display: inline-block;\n position: absolute;\n left: 50%;\n margin-left: -19px;\n transform: scale(0.7);\n}\n\n.button-loader svg path,\n.button-loader svg rect{\n fill: #fff;\n}\n\n/*-- Show success message on success --*/\nform[data-members-form].success .message-success {\n display: block;\n}\n\n/*-- Show error message on error --*/\nform[data-members-form].error .message-error {\n display: block;\n}\n","/* Lists\n/* ---------------------------------------------------------- */\n\nul,\nol,\ndl {\n margin: 0 0 var(--margin) 0;\n}\n\nol,\nul {\n padding-left: 1.3em;\n padding-right: 1.5em;\n}\n\nol ol,\nul ul,\nul ol,\nol ul {\n margin: 0.5em 0 1em;\n}\n\nul {\n list-style: disc;\n}\n\nol {\n list-style: decimal;\n}\n\nul,\nol {\n max-width: 100%;\n}\n\nli {\n margin: 0.5em 0;\n padding-left: 0.3em;\n line-height: 1.6em;\n}\n\n\ndt {\n display: block;\n font-weight: var(--font-bold);\n margin: 0 0 calc(var(--margin) * 0.5) 0;\n}\n\ndd {\n margin-left: var(--margin);\n}\n","/* Grid\n/* ---------------------------------------------------------- */\n\n.row {\n display: flex;\n flex: 0 1 auto;\n flex-direction: row;\n flex-wrap: wrap;\n margin: 0 -1rem;\n}\n\n.col,\n.col-1,\n.col-2,\n.col-3,\n.col-4,\n.col-5,\n.col-6,\n.col-7,\n.col-8,\n.col-9,\n.col-10,\n.col-11,\n.col-12 {\n padding: 1rem;\n}\n\n.col {\n flex-grow: 1;\n flex-basis: 0;\n max-width: 100%;\n}\n\n.col-1 {\n flex-basis: 8.3333333%;\n max-width: 8.3333333%;\n}\n\n.col-2 {\n flex-basis: 16.6666666%;\n max-width: 16.6666666%;\n}\n\n.col-3 {\n flex-basis: 25%;\n max-width: 25%;\n}\n\n.col-4 {\n flex-basis: 33.3333333%;\n max-width: 33.3333333%;\n}\n\n.col-5 {\n flex-basis: 41.6666666%;\n max-width: 41.6666666%;\n}\n\n.col-6 {\n flex-basis: 50%;\n max-width: 50%;\n}\n\n.col-7 {\n flex-basis: 58.3333333%;\n max-width: 58.3333333%;\n}\n\n.col-8 {\n flex-basis: 66.6666666%;\n max-width: 66.6666666%;\n}\n\n.col-9 {\n flex-basis: 75%;\n max-width: 75%;\n}\n\n.col-10 {\n flex-basis: 83.3333333%;\n max-width: 83.3333333%;\n}\n\n.col-11 {\n flex-basis: 91.6666666%;\n max-width: 91.6666666%;\n}\n\n.col-12 {\n flex-basis: 100%;\n max-width: 100%;\n}\n\n@media (max-width: 800px) {\n .col-1,\n .col-2,\n .col-3,\n .col-4,\n .col-5,\n .col-6,\n .col-7,\n .col-8,\n .col-9,\n .col-10,\n .col-11 {\n flex-basis: 50%;\n max-width: 50%;\n }\n}\n\n@media (max-width: 600px) {\n .col-1,\n .col-2,\n .col-3,\n .col-4,\n .col-5,\n .col-6,\n .col-7,\n .col-8,\n .col-9,\n .col-10,\n .col-11 {\n flex-basis: 100%;\n max-width: 100%;\n }\n}\n","/* Tables\n/* ---------------------------------------------------------- */\n\ntable {\n border-collapse: separate;\n margin: 0 0 var(--margin) 0;\n width: 100%;\n font-size: 0.8em;\n}\n\nth {\n color: var(--color-base);\n font-size: 0.9em;\n font-weight: var(--font-bold);\n padding: 0 0.7em 0.4em 0.7em;\n text-align: left;\n}\n\ntd {\n padding: 0.4em 0.7em;\n border-left-width: 0;\n border-top-width: 0;\n}\n\ntd:first-child {\n border-left-width: 1px;\n}\n\ntbody tr {\n border: solid 1px var(--color-border);\n border-left: 0;\n border-right: 0;\n}\n\ntbody tr:first-child td {\n border-top-width: 1px;\n}\n\ntbody tr:nth-child(2n + 1) {\n background-color: var(--color-bg);\n}\n\ntbody td {\n border: solid 1px var(--color-border);\n border-left-width: 0;\n border-top-width: 0;\n}\n\ntfoot {\n border-width: 0;\n}\n","/* Forms\n/* ---------------------------------------------------------- */\n\nform {\n margin: 0 0 var(--margin) 0;\n}\n\nfieldset {\n margin: 0;\n padding: 0;\n border: 0;\n}\n\nlabel {\n color: var(--color-primary);\n display: block;\n font-size: 0.9em;\n font-weight: var(--font-bold);\n margin: 0 0 (var(--margin) * 0.5) 0;\n}\n\ninput[type=\"text\"],\ninput[type=\"password\"],\ninput[type=\"email\"],\ninput[type=\"tel\"],\ninput[type=\"search\"],\ninput[type=\"url\"],\nselect,\ntextarea {\n background: var(--color-bg);\n border-radius: var(--radius);\n border: none;\n border: solid 1px var(--color-border);\n color: inherit;\n display: block;\n outline: 0;\n padding: 0 0.6em;\n text-decoration: none;\n width: 100%;\n}\n\ninput[type=\"text\"]:invalid,\ninput[type=\"password\"]:invalid,\ninput[type=\"email\"]:invalid,\ninput[type=\"tel\"]:invalid,\ninput[type=\"search\"]:invalid,\ninput[type=\"url\"]:invalid,\nselect:invalid,\ntextarea:invalid {\n box-shadow: none;\n}\n\ninput[type=\"text\"]:focus,\ninput[type=\"password\"]:focus,\ninput[type=\"email\"]:focus,\ninput[type=\"tel\"]:focus,\ninput[type=\"search\"]:focus,\ninput[type=\"url\"]:focus,\nselect:focus,\ntextarea:focus {\n border-color: var(--color-primary);\n box-shadow: 0 0 0 1px var(--color-primary);\n}\n\nselect {\n height: var(--height);\n padding-right: var(--height);\n text-overflow: ellipsis;\n}\n\nselect option {\n color: var(--color-primary);\n background: var(--color-bg);\n}\n\nselect:focus::-ms-value {\n background-color: transparent;\n}\n\nselect::-ms-expand {\n display: none;\n}\n\ninput[type=\"text\"],\ninput[type=\"password\"],\ninput[type=\"email\"],\ninput[type=\"tel\"],\ninput[type=\"search\"],\ninput[type=\"url\"],\nselect {\n height: var(--height);\n}\n\ntextarea {\n padding: 0.3em 0.6em;\n resize: vertical;\n}\n\ninput[type=\"checkbox\"],\ninput[type=\"radio\"] {\n display: block;\n margin-right: -2em;\n opacity: 0;\n width: 1em;\n z-index: -1;\n}\n\ninput[type=\"checkbox\"] + label,\ninput[type=\"radio\"] + label {\n display: flex;\n align-items: center;\n color: var(--color-base);\n cursor: pointer;\n font-size: 1em;\n font-weight: var(--font-normal);\n padding-left: calc((var(--height) * 0.6) + 0.75em);\n padding-right: 2rem;\n position: relative;\n user-select: none;\n}\n\ninput[type=\"checkbox\"] + label:before,\ninput[type=\"radio\"] + label:before {\n background: var(--color-bg);\n border-radius: var(--radius);\n border: solid 1px var(--color-border);\n content: '';\n display: inline-block;\n height: calc(var(--height) * 0.6);\n line-height: calc(var(--height) * 0.56);\n text-align: center;\n width: calc(var(--height) * 0.6);\n margin-right: 1rem;\n}\n\ninput[type=\"checkbox\"]:checked + label:before,\ninput[type=\"radio\"]:checked + label:before {\n background: var(--color-primary);\n border-color: var(--color-primary);\n color: var(--color-bg);\n content: '✓';\n}\n\ninput[type=\"checkbox\"]:focus + label:before,\ninput[type=\"radio\"]:focus + label:before {\n border-color: var(--color-primary);\n box-shadow: 0 0 0 1px var(--color-primary);\n}\n\n\ninput[type=\"checkbox\"] + label:before {\n border-radius: var(--radius);\n}\n\ninput[type=\"radio\"] + label:before {\n border-radius: 100%;\n}\n","/* Buttons\n/* ---------------------------------------------------------- */\n\ninput[type=\"submit\"],\ninput[type=\"reset\"],\ninput[type=\"button\"],\nbutton,\n.button {\n display: inline-block;\n height: var(--height);\n padding: 0 2rem;\n border: 0;\n border-radius: var(--radius);\n cursor: pointer;\n font-family: var(--font-sans-serif);\n font-size: 1.4rem;\n font-weight: var(--font-normal);\n line-height: var(--height);\n text-align: center;\n text-decoration: none;\n white-space: nowrap;\n appearance: none;\n transition: 0.4s ease;\n}\n\ninput[type=\"submit\"].fit,\ninput[type=\"reset\"].fit,\ninput[type=\"button\"].fit,\nbutton.fit,\n.button.fit {\n width: 100%;\n}\n\ninput[type=\"submit\"].small,\ninput[type=\"reset\"].small,\ninput[type=\"button\"].small,\nbutton.small,\n.button.small {\n height: calc(var(--height) * 0.9);\n line-height: calc(var(--height) * 0.9);\n padding: 0 1.5rem;\n font-size: 1.2rem;\n}\n\ninput[type=\"submit\"].large,\ninput[type=\"reset\"].large,\ninput[type=\"button\"].large,\nbutton.large,\n.button.large {\n height: calc(var(--height) * 1.14);\n line-height: calc(var(--height) * 1.14);\n padding: 0 3rem;\n font-size: 1.6rem;\n}\n\n\ninput[type=\"submit\"].disabled,\ninput[type=\"submit\"]:disabled,\ninput[type=\"reset\"].disabled,\ninput[type=\"reset\"]:disabled,\ninput[type=\"button\"].disabled,\ninput[type=\"button\"]:disabled,\nbutton.disabled,\nbutton:disabled,\n.button.disabled,\n.button:disabled {\n pointer-events: none;\n opacity: 0.4;\n}\n\n\n\ninput[type=\"submit\"],\ninput[type=\"reset\"],\ninput[type=\"button\"],\nbutton,\n.button {\n color: var(--color-primary) !important;\n background-color: transparent;\n box-shadow: inset 0 0 0 2px var(--color-primary);\n}\n\ninput[type=\"submit\"]:hover,\ninput[type=\"reset\"]:hover,\ninput[type=\"button\"]:hover,\nbutton:hover,\n.button:hover {\n text-decoration: none;\n color: color(var(--color-primary) l(-15%)) !important;\n box-shadow: inset 0 0 0 2px color(var(--color-primary) l(-10%));\n transition: 0.2s ease;\n}\n\ninput[type=\"submit\"].primary,\ninput[type=\"reset\"].primary,\ninput[type=\"button\"].primary,\nbutton.primary,\n.button.primary {\n color: #fff !important;\n background-color: var(--color-primary);\n box-shadow: none;\n}\n\ninput[type=\"submit\"].primary:hover,\ninput[type=\"reset\"].primary:hover,\ninput[type=\"button\"].primary:hover,\nbutton.primary:hover,\n.button.primary:hover {\n background-color: color(var(--color-primary) l(-10%));\n }\n","/*\n\nThis is a development CSS file which is compiled to a minified\nproduction stylesheet in assets/built/screen.css using: gulp dev\n\n*/\n\n\n/* Lib - Local component imports\n/* ---------------------------------------------------------- */\n@import \"vars.css\";\n@import \"components/global.css\";\n@import \"components/ghost.css\";\n@import \"components/lists.css\";\n@import \"components/grid.css\";\n@import \"components/tables.css\";\n@import \"components/forms.css\";\n@import \"components/buttons.css\";\n\n\n/* Main - Theme styles\n/* ---------------------------------------------------------- */\n\n\n/* Your styles here! Edit below */\n\n\n/* Global */\n.inner {\n width: 100%;\n max-width: 1030px;\n margin: 0 auto;\n}\n\n/* Header */\n.site-head {\n padding: 20px 4vw;\n color: #fff;\n background: var(--color-base);\n}\n\n.site-head a {\n color: #fff;\n}\n\n.site-head-container {\n display: flex;\n align-items: center;\n justify-content: space-between;\n}\n\n.site-head-left .nav {\n display: flex;\n align-items: center;\n list-style: none;\n margin: 0;\n padding: 0;\n}\n\n.site-head-left .nav li {\n margin: 0 10px 0 0;\n padding: 0;\n}\n\n.site-head-logo img {\n height: 30px;\n width: auto;\n}\n\n/* Main */\n.site-main {\n margin: 5vw 4vw;\n}\n\n/* Footer */\n.site-foot {\n display: flex;\n align-items: center;\n justify-content: space-between;\n padding: 20px 4vw;\n color: #fff;\n background: var(--color-base);\n}\n\n.site-foot a {\n color: #fff;\n}\n"]} \ No newline at end of file +{"version":3,"sources":["components/global.css","components/ghost.css","components/lists.css","components/grid.css","components/tables.css","components/forms.css","components/buttons.css","screen.css"],"names":[],"mappings":"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","file":"screen.css","sourcesContent":["/* Reset\n/* ---------------------------------------------------------- */\n\n*,\n*::before,\n*::after {\n box-sizing: border-box;\n}\n\nhtml {\n overflow-x: hidden;\n overflow-y: scroll;\n font-size: 62.5%;\n -webkit-tap-highlight-color: rgba(0, 0, 0, 0);\n}\n\nbody {\n min-height: 100vh;\n margin: 0;\n padding: 0;\n color: color(var(--color-base) l(+20%));\n font-family: -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Oxygen, Ubuntu, Cantarell, \"Open Sans\", \"Helvetica Neue\", sans-serif;\n font-size: 1.5rem;\n line-height: 1.6em;\n font-weight: 400;\n font-style: normal;\n background: #fff;\n scroll-behavior: smooth;\n overflow-x: hidden;\n -webkit-font-smoothing: antialiased;\n -moz-osx-font-smoothing: grayscale;\n}\n\np,\nul,\nol,\nli,\ndl,\ndd,\nfigure,\nfigcaption,\nblockquote {\n margin: 0;\n}\n\nul[class],\nol[class] {\n padding: 0;\n list-style: none;\n}\n\nimg {\n display: block;\n max-width: 100%;\n}\n\ninput,\nbutton,\ntextarea,\nselect {\n font: inherit;\n}\n\nhr {\n position: relative;\n display: block;\n width: 100%;\n margin: 2.5em 0 3.5em;\n padding: 0;\n height: 1px;\n border: 0;\n border-top: 1px solid color(var(--color-border) l(+10%));\n}\n\nblockquote {\n margin: 1.5em 0;\n padding: 0 1.6em 0 1.6em;\n border-left: var(--color-bg) 0.5em solid;\n}\n\nblockquote p {\n margin: 0.8em 0;\n font-size: 1.2em;\n font-weight: 300;\n}\n\nblockquote small {\n display: inline-block;\n margin: 0.8em 0 0.8em 1.5em;\n font-size: 0.9em;\n opacity: 0.8;\n}\n\n::selection {\n text-shadow: none;\n background: #cbeafb;\n}\n\nmark {\n background-color: #fdffb6;\n}\n\na:not([class]) {\n color: color(var(--color-primary) l(-5%));\n text-decoration-skip-ink: auto;\n}\n\na[class] {\n color: inherit;\n text-decoration: none;\n transition: 0.4s ease;\n}\n\na[class]:hover {\n transition: 0.2s ease;\n}\n\nh1,\nh2,\nh3,\nh4,\nh5,\nh6 {\n margin: 0;\n line-height: 1.1em;\n font-weight: 700;\n}\n\nh1 {\n margin: 0 0 0.5em 0;\n font-size: 5.7rem;\n font-weight: 800;\n}\n@media (max-width: 500px) {\n h1 {\n font-size: 2.7rem;\n }\n}\n\nh2 {\n margin: 1.5em 0 0.5em 0;\n font-size: 4rem;\n}\n@media (max-width: 500px) {\n h2 {\n font-size: 2rem;\n }\n}\n\nh3 {\n margin: 1.5em 0 1em 0;\n font-size: 3.2rem;\n}\n@media (max-width: 500px) {\n h3 {\n font-size: 1.8rem;\n }\n}\n\nh4 {\n margin: 1.5em 0 1em 0;\n font-size: 2.6rem;\n}\n\nh5 {\n margin: 1.5em 0 1em 0;\n font-size: 2.4rem;\n}\n\nh6 {\n margin: 1.5em 0 1em 0;\n font-size: 2.2rem;\n}\n\n/* Remove all animations and transitions for people that prefer not to see them */\n@media (prefers-reduced-motion: reduce) {\n * {\n animation-duration: 0.01ms !important;\n animation-iteration-count: 1 !important;\n transition-duration: 0.01ms !important;\n scroll-behavior: auto !important;\n }\n}\n","/* Styling for Ghost-specific elements\n/* ---------------------------------------------------------- */\n\n.kg-card {\n margin: 7vw 0;\n}\n\n.kg-embed-card {\n display: flex;\n flex-direction: column;\n align-items: center;\n width: 100%;\n}\n\n.kg-image {\n max-width: 100%;\n}\n\n.kg-card figcaption {\n padding: 1.5rem;\n font-size: 1.3rem;\n line-height: 1.4em;\n font-weight: 600;\n color: var(--color-base);\n text-align: center;\n opacity: 0.4;\n}\n\n\n/* Wide cards\n/* ---------------------------------------------------------- */\n\n.kg-width-wide {\n position: relative;\n width: 75vw;\n min-width: 100%;\n margin-left: calc(50% - 50vw);\n margin-right: calc(50% - 50vw);\n transform: translateX(calc(50vw - 50%));\n}\n\n.kg-width-full {\n position: relative;\n width: 94vw;\n min-width: 100%;\n margin-left: calc(50% - 50vw);\n margin-right: calc(50% - 50vw);\n transform: translateX(calc(50vw - 50%));\n}\n\n.kg-width-full figcaption {\n padding-left: 0;\n padding-right: 0;\n text-align: left;\n}\n\n@media (max-width: 800px) {\n .kg-width-full {\n width: 100vw;\n }\n .kg-width-full figcaption {\n padding-left: 6vw;\n }\n}\n\n\n/* Galleries\n/* ---------------------------------------------------------- */\n\n.kg-gallery-container {\n display: flex;\n flex-direction: column;\n position: relative;\n width: 75vw;\n min-width: 100%;\n margin-left: calc(50% - 50vw);\n margin-right: calc(50% - 50vw);\n transform: translateX(calc(50vw - 50%));\n}\n\n.kg-gallery-row {\n display: flex;\n flex-direction: row;\n justify-content: center;\n}\n\n.kg-gallery-image img {\n display: block;\n margin: 0;\n width: 100%;\n height: 100%;\n}\n\n.kg-gallery-row:not(:first-of-type) {\n margin: 0.75em 0 0 0;\n}\n\n.kg-gallery-image:not(:first-of-type) {\n margin: 0 0 0 0.75em;\n}\n\n.kg-gallery-card + .kg-image-card.kg-width-wide,\n.kg-gallery-card + .kg-gallery-card,\n.kg-image-card.kg-width-wide + .kg-gallery-card,\n.kg-image-card.kg-width-wide + .kg-image-card.kg-width-wide {\n margin-top: calc( -7vw + 0.75em );\n}\n\n/* Code Cards\n/* ---------------------------------------------------------- */\n\n.kg-code-card {\n width: 100%;\n}\n\n.kg-code-card pre {\n margin: 0;\n}\n\n\n/* Bookmark Cards\n/* ---------------------------------------------------------- */\n\n.kg-bookmark-card {\n width: 100%;\n}\n\n.kg-bookmark-container {\n display: flex;\n min-height: 148px;\n color: #131313;\n font-family: -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Oxygen, Ubuntu, Cantarell, \"Open Sans\", \"Helvetica Neue\", sans-serif;\n text-decoration: none;\n border-radius: 5px;\n box-shadow: 0 2px 6px -2px rgba(0, 0, 0, 0.1), 0 0 1px rgba(0, 0, 0, 0.4);\n overflow: hidden;\n}\n\n.kg-bookmark-container:hover {\n text-decoration: none;\n}\n\n.kg-bookmark-content {\n display: flex;\n flex-direction: column;\n flex-grow: 1;\n flex-basis: 100%;\n align-items: flex-start;\n justify-content: flex-start;\n padding: 20px;\n}\n\n.kg-bookmark-title {\n color: #131313;\n font-size: 1.6rem;\n line-height: 1.5em;\n font-weight: 600;\n}\n\n.kg-bookmark-description {\n display: -webkit-box;\n font-size: 1.4rem;\n line-height: 1.5em;\n margin-top: 10px;\n color: #54666d;\n font-weight: 400;\n max-height: 44px;\n overflow-y: hidden;\n\n -webkit-line-clamp: 2;\n -webkit-box-orient: vertical;\n}\n\n.kg-bookmark-thumbnail {\n position: relative;\n flex-grow: 1;\n min-width: 33%;\n max-height: 100%;\n}\n\n.kg-bookmark-thumbnail img {\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n border-radius: 0 3px 3px 0;\n\n object-fit: cover;\n}\n\n.kg-bookmark-metadata {\n display: flex;\n align-items: center;\n margin-top: 14px;\n color: #343f44;\n font-size: 1.4rem;\n font-weight: 500;\n}\n\n.kg-bookmark-icon {\n width: 20px;\n height: 20px;\n margin-right: 6px;\n}\n\n.kg-bookmark-author {\n line-height: 1.5em;\n}\n\n.kg-bookmark-author:after {\n content: \"•\";\n margin: 0 6px;\n}\n\n.kg-bookmark-publisher {\n display: block;\n max-width: 240px;\n color: #343f44;\n white-space: nowrap;\n overflow: hidden;\n}\n\n\n/* Members Forms\n/* ---------------------------------------------------------- */\n\nform[data-members-form] .button-loader,\nform[data-members-form] .message-success,\nform[data-members-form] .message-error {\n display: none;\n}\n\n.message-success svg,\n.message-error svg {\n position: relative;\n top: -1px;\n margin-right: 5px;\n height: 15px;\n width: 15px;\n}\n.message-success svg {\n fill: #fff;\n}\n.message-error svg {\n fill: var(--color-primary);\n}\n\nform[data-members-form].success .message-success,\nform[data-members-form].error .message-error {\n position: fixed;\n top: 20px;\n left: 6vw;\n right: 6vw;\n z-index: 9999;\n max-width: calc(1400px - 12vw);\n margin: 0 auto;\n padding: 10px 0;\n color: #fff;\n font-size: 1.4rem;\n line-height: 1.5em;\n font-weight: 500;\n text-align: center;\n background: var(--color-base);\n border-radius: var(--radius);\n}\nform[data-members-form].success .message-success {\n background: var(--color-success);\n}\nform[data-members-form].error .message-error {\n color: var(--color-primary);\n background: #fff;\n box-shadow: var(--color-primary) 0 0 0 1px;\n}\n\nform[data-members-form] .button {\n position: relative;\n}\n\n/*-- Loading --*/\n\n/* Hide button text */\nform[data-members-form].loading .button-content {\n visibility: hidden;\n}\n\n/* Show loading spinner */\nform[data-members-form].loading .button-loader {\n display: inline-block;\n position: absolute;\n left: 50%;\n margin-left: -19px;\n transform: scale(0.7);\n}\n\n.button-loader svg path,\n.button-loader svg rect{\n fill: #fff;\n}\n\n/*-- Show success message on success --*/\nform[data-members-form].success .message-success {\n display: block;\n}\n\n/*-- Show error message on error --*/\nform[data-members-form].error .message-error {\n display: block;\n}\n","/* Lists\n/* ---------------------------------------------------------- */\n\nul,\nol,\ndl {\n margin: 0 0 var(--margin) 0;\n}\n\nol,\nul {\n padding-left: 1.3em;\n padding-right: 1.5em;\n}\n\nol ol,\nul ul,\nul ol,\nol ul {\n margin: 0.5em 0 1em;\n}\n\nul {\n list-style: disc;\n}\n\nol {\n list-style: decimal;\n}\n\nul,\nol {\n max-width: 100%;\n}\n\nli {\n margin: 0.5em 0;\n padding-left: 0.3em;\n line-height: 1.6em;\n}\n\n\ndt {\n display: block;\n font-weight: var(--font-bold);\n margin: 0 0 calc(var(--margin) * 0.5) 0;\n}\n\ndd {\n margin-left: var(--margin);\n}\n","/* Grid\n/* ---------------------------------------------------------- */\n\n.row {\n display: flex;\n flex: 0 1 auto;\n flex-direction: row;\n flex-wrap: wrap;\n margin: 0 -1rem;\n}\n\n.col,\n.col-1,\n.col-2,\n.col-3,\n.col-4,\n.col-5,\n.col-6,\n.col-7,\n.col-8,\n.col-9,\n.col-10,\n.col-11,\n.col-12 {\n padding: 1rem;\n}\n\n.col {\n flex-grow: 1;\n flex-basis: 0;\n max-width: 100%;\n}\n\n.col-1 {\n flex-basis: 8.3333333%;\n max-width: 8.3333333%;\n}\n\n.col-2 {\n flex-basis: 16.6666666%;\n max-width: 16.6666666%;\n}\n\n.col-3 {\n flex-basis: 25%;\n max-width: 25%;\n}\n\n.col-4 {\n flex-basis: 33.3333333%;\n max-width: 33.3333333%;\n}\n\n.col-5 {\n flex-basis: 41.6666666%;\n max-width: 41.6666666%;\n}\n\n.col-6 {\n flex-basis: 50%;\n max-width: 50%;\n}\n\n.col-7 {\n flex-basis: 58.3333333%;\n max-width: 58.3333333%;\n}\n\n.col-8 {\n flex-basis: 66.6666666%;\n max-width: 66.6666666%;\n}\n\n.col-9 {\n flex-basis: 75%;\n max-width: 75%;\n}\n\n.col-10 {\n flex-basis: 83.3333333%;\n max-width: 83.3333333%;\n}\n\n.col-11 {\n flex-basis: 91.6666666%;\n max-width: 91.6666666%;\n}\n\n.col-12 {\n flex-basis: 100%;\n max-width: 100%;\n}\n\n@media (max-width: 800px) {\n .col-1,\n .col-2,\n .col-3,\n .col-4,\n .col-5,\n .col-6,\n .col-7,\n .col-8,\n .col-9,\n .col-10,\n .col-11 {\n flex-basis: 50%;\n max-width: 50%;\n }\n}\n\n@media (max-width: 600px) {\n .col-1,\n .col-2,\n .col-3,\n .col-4,\n .col-5,\n .col-6,\n .col-7,\n .col-8,\n .col-9,\n .col-10,\n .col-11 {\n flex-basis: 100%;\n max-width: 100%;\n }\n}\n","/* Tables\n/* ---------------------------------------------------------- */\n\ntable {\n border-collapse: separate;\n margin: 0 0 var(--margin) 0;\n width: 100%;\n font-size: 0.8em;\n}\n\nth {\n color: var(--color-base);\n font-size: 0.9em;\n font-weight: var(--font-bold);\n padding: 0 0.7em 0.4em 0.7em;\n text-align: left;\n}\n\ntd {\n padding: 0.4em 0.7em;\n border-left-width: 0;\n border-top-width: 0;\n}\n\ntd:first-child {\n border-left-width: 1px;\n}\n\ntbody tr {\n border: solid 1px var(--color-border);\n border-left: 0;\n border-right: 0;\n}\n\ntbody tr:first-child td {\n border-top-width: 1px;\n}\n\ntbody tr:nth-child(2n + 1) {\n background-color: var(--color-bg);\n}\n\ntbody td {\n border: solid 1px var(--color-border);\n border-left-width: 0;\n border-top-width: 0;\n}\n\ntfoot {\n border-width: 0;\n}\n","/* Forms\n/* ---------------------------------------------------------- */\n\nform {\n margin: 0 0 var(--margin) 0;\n}\n\nfieldset {\n margin: 0;\n padding: 0;\n border: 0;\n}\n\nlabel {\n color: var(--color-primary);\n display: block;\n font-size: 0.9em;\n font-weight: var(--font-bold);\n margin: 0 0 (var(--margin) * 0.5) 0;\n}\n\ninput[type=\"text\"],\ninput[type=\"password\"],\ninput[type=\"email\"],\ninput[type=\"tel\"],\ninput[type=\"search\"],\ninput[type=\"url\"],\nselect,\ntextarea {\n background: var(--color-bg);\n border-radius: var(--radius);\n border: none;\n border: solid 1px var(--color-border);\n color: inherit;\n display: block;\n outline: 0;\n padding: 0 0.6em;\n text-decoration: none;\n width: 100%;\n}\n\ninput[type=\"text\"]:invalid,\ninput[type=\"password\"]:invalid,\ninput[type=\"email\"]:invalid,\ninput[type=\"tel\"]:invalid,\ninput[type=\"search\"]:invalid,\ninput[type=\"url\"]:invalid,\nselect:invalid,\ntextarea:invalid {\n box-shadow: none;\n}\n\ninput[type=\"text\"]:focus,\ninput[type=\"password\"]:focus,\ninput[type=\"email\"]:focus,\ninput[type=\"tel\"]:focus,\ninput[type=\"search\"]:focus,\ninput[type=\"url\"]:focus,\nselect:focus,\ntextarea:focus {\n border-color: var(--color-primary);\n box-shadow: 0 0 0 1px var(--color-primary);\n}\n\nselect {\n height: var(--height);\n padding-right: var(--height);\n text-overflow: ellipsis;\n}\n\nselect option {\n color: var(--color-primary);\n background: var(--color-bg);\n}\n\nselect:focus::-ms-value {\n background-color: transparent;\n}\n\nselect::-ms-expand {\n display: none;\n}\n\ninput[type=\"text\"],\ninput[type=\"password\"],\ninput[type=\"email\"],\ninput[type=\"tel\"],\ninput[type=\"search\"],\ninput[type=\"url\"],\nselect {\n height: var(--height);\n}\n\ntextarea {\n padding: 0.3em 0.6em;\n resize: vertical;\n}\n\ninput[type=\"checkbox\"],\ninput[type=\"radio\"] {\n display: block;\n margin-right: -2em;\n opacity: 0;\n width: 1em;\n z-index: -1;\n}\n\ninput[type=\"checkbox\"] + label,\ninput[type=\"radio\"] + label {\n display: flex;\n align-items: center;\n color: var(--color-base);\n cursor: pointer;\n font-size: 1em;\n font-weight: var(--font-normal);\n padding-left: calc((var(--height) * 0.6) + 0.75em);\n padding-right: 2rem;\n position: relative;\n user-select: none;\n}\n\ninput[type=\"checkbox\"] + label:before,\ninput[type=\"radio\"] + label:before {\n background: var(--color-bg);\n border-radius: var(--radius);\n border: solid 1px var(--color-border);\n content: '';\n display: inline-block;\n height: calc(var(--height) * 0.6);\n line-height: calc(var(--height) * 0.56);\n text-align: center;\n width: calc(var(--height) * 0.6);\n margin-right: 1rem;\n}\n\ninput[type=\"checkbox\"]:checked + label:before,\ninput[type=\"radio\"]:checked + label:before {\n background: var(--color-primary);\n border-color: var(--color-primary);\n color: var(--color-bg);\n content: '✓';\n}\n\ninput[type=\"checkbox\"]:focus + label:before,\ninput[type=\"radio\"]:focus + label:before {\n border-color: var(--color-primary);\n box-shadow: 0 0 0 1px var(--color-primary);\n}\n\n\ninput[type=\"checkbox\"] + label:before {\n border-radius: var(--radius);\n}\n\ninput[type=\"radio\"] + label:before {\n border-radius: 100%;\n}\n","/* Buttons\n/* ---------------------------------------------------------- */\n\ninput[type=\"submit\"],\ninput[type=\"reset\"],\ninput[type=\"button\"],\nbutton,\n.button {\n display: inline-block;\n height: var(--height);\n padding: 0 2rem;\n border: 0;\n border-radius: var(--radius);\n cursor: pointer;\n font-family: var(--font-sans-serif);\n font-size: 1.4rem;\n font-weight: var(--font-normal);\n line-height: var(--height);\n text-align: center;\n text-decoration: none;\n white-space: nowrap;\n appearance: none;\n transition: 0.4s ease;\n}\n\ninput[type=\"submit\"].fit,\ninput[type=\"reset\"].fit,\ninput[type=\"button\"].fit,\nbutton.fit,\n.button.fit {\n width: 100%;\n}\n\ninput[type=\"submit\"].small,\ninput[type=\"reset\"].small,\ninput[type=\"button\"].small,\nbutton.small,\n.button.small {\n height: calc(var(--height) * 0.9);\n line-height: calc(var(--height) * 0.9);\n padding: 0 1.5rem;\n font-size: 1.2rem;\n}\n\ninput[type=\"submit\"].large,\ninput[type=\"reset\"].large,\ninput[type=\"button\"].large,\nbutton.large,\n.button.large {\n height: calc(var(--height) * 1.14);\n line-height: calc(var(--height) * 1.14);\n padding: 0 3rem;\n font-size: 1.6rem;\n}\n\n\ninput[type=\"submit\"].disabled,\ninput[type=\"submit\"]:disabled,\ninput[type=\"reset\"].disabled,\ninput[type=\"reset\"]:disabled,\ninput[type=\"button\"].disabled,\ninput[type=\"button\"]:disabled,\nbutton.disabled,\nbutton:disabled,\n.button.disabled,\n.button:disabled {\n pointer-events: none;\n opacity: 0.4;\n}\n\n\n\ninput[type=\"submit\"],\ninput[type=\"reset\"],\ninput[type=\"button\"],\nbutton,\n.button {\n color: var(--color-primary) !important;\n background-color: transparent;\n box-shadow: inset 0 0 0 2px var(--color-primary);\n}\n\ninput[type=\"submit\"]:hover,\ninput[type=\"reset\"]:hover,\ninput[type=\"button\"]:hover,\nbutton:hover,\n.button:hover {\n text-decoration: none;\n color: color(var(--color-primary) l(-15%)) !important;\n box-shadow: inset 0 0 0 2px color(var(--color-primary) l(-10%));\n transition: 0.2s ease;\n}\n\ninput[type=\"submit\"].primary,\ninput[type=\"reset\"].primary,\ninput[type=\"button\"].primary,\nbutton.primary,\n.button.primary {\n color: #fff !important;\n background-color: var(--color-primary);\n box-shadow: none;\n}\n\ninput[type=\"submit\"].primary:hover,\ninput[type=\"reset\"].primary:hover,\ninput[type=\"button\"].primary:hover,\nbutton.primary:hover,\n.button.primary:hover {\n background-color: color(var(--color-primary) l(-10%));\n }\n","/*\n\nThis is a development CSS file which is compiled to a minified\nproduction stylesheet in assets/built/screen.css using: gulp dev\n\n*/\n\n\n/* Lib - Local component imports\n/* ---------------------------------------------------------- */\n@import \"vars.css\";\n@import \"components/global.css\";\n@import \"components/ghost.css\";\n@import \"components/lists.css\";\n@import \"components/grid.css\";\n@import \"components/tables.css\";\n@import \"components/forms.css\";\n@import \"components/buttons.css\";\n\n\n/* Main - Theme styles\n/* ---------------------------------------------------------- */\n\n\n/* Your styles here! Edit below */\n\n\n/* Global */\n.inner {\n width: 100%;\n max-width: 1030px;\n margin: 0 auto;\n}\n\n/* Header */\n.site-head {\n padding: 20px 4vw;\n color: #fff;\n background: var(--color-base);\n}\n\n.site-head a {\n color: #fff;\n}\n\n.site-head-container {\n display: flex;\n align-items: center;\n justify-content: space-between;\n}\n\n.site-head-left .nav {\n display: flex;\n align-items: center;\n list-style: none;\n margin: 0;\n padding: 0;\n}\n\n.site-head-left .nav li {\n margin: 0 10px 0 0;\n padding: 0;\n}\n\n.site-head-logo img {\n height: 30px;\n width: auto;\n}\n\n/* Main */\n.site-main {\n margin: 5vw 4vw;\n}\n\n/* Footer */\n.site-foot {\n display: flex;\n align-items: center;\n justify-content: space-between;\n padding: 20px 4vw;\n color: #fff;\n background: var(--color-base);\n}\n\n.site-foot a {\n color: #fff;\n}\n\n\n/* Natural flow and rhythm in articles by default */\n.post-body > * + * {\n margin-top: 1em;\n}\n"]} \ No newline at end of file diff --git a/assets/css/components/global.css b/assets/css/components/global.css index 99cecd24..e8abe746 100644 --- a/assets/css/components/global.css +++ b/assets/css/components/global.css @@ -1,283 +1,64 @@ /* Reset /* ---------------------------------------------------------- */ -html, -body, -div, -span, -applet, -object, -iframe, -h1, -h2, -h3, -h4, -h5, -h6, -p, -blockquote, -pre, -a, -abbr, -acronym, -address, -big, -cite, -code, -del, -dfn, -em, -img, -ins, -kbd, -q, -s, -samp, -small, -strike, -strong, -sub, -sup, -tt, -var, -dl, -dt, -dd, -ol, -ul, -li, -fieldset, -form, -label, -legend, -table, -caption, -tbody, -tfoot, -thead, -tr, -th, -td, -article, -aside, -canvas, -details, -embed, -figure, -figcaption, -footer, -header, -hgroup, -menu, -nav, -output, -ruby, -section, -summary, -time, -mark, -audio, -video { - margin: 0; - padding: 0; - border: 0; - font: inherit; - font-size: 100%; - vertical-align: baseline; -} -body { - line-height: 1; -} -ol, -ul { - list-style: none; -} -blockquote, -q { - quotes: none; -} -blockquote:before, -blockquote:after, -q:before, -q:after { - content: ""; - content: none; -} -table { - border-spacing: 0; - border-collapse: collapse; -} -img { - max-width: 100%; -} -html { - box-sizing: border-box; - font-family: sans-serif; - - -ms-text-size-adjust: 100%; - -webkit-text-size-adjust: 100%; -} *, -*:before, -*:after { - box-sizing: inherit; -} -a { - background-color: transparent; -} -a:active, -a:hover { - outline: 0; -} -b, -strong { - font-weight: bold; -} -i, -em, -dfn { - font-style: italic; -} -h1 { - margin: 0.67em 0; - font-size: 2em; -} -small { - font-size: 80%; -} -sub, -sup { - position: relative; - font-size: 75%; - line-height: 0; - vertical-align: baseline; -} -sup { - top: -0.5em; -} -sub { - bottom: -0.25em; -} -img { - border: 0; -} -svg:not(:root) { - overflow: hidden; -} -mark { - background-color: #fdffb6; -} -code, -kbd, -pre, -samp { - font-family: monospace, monospace; - font-size: 1em; -} -button, -input, -optgroup, -select, -textarea { - margin: 0; - color: inherit; - font: inherit; -} -button { - overflow: visible; - border: none; -} -button, -select { - text-transform: none; -} -button, -html input[type="button"], -input[type="reset"], -input[type="submit"] { - cursor: pointer; - -webkit-appearance: button; -} -button[disabled], -html input[disabled] { - cursor: default; -} -button::-moz-focus-inner, -input::-moz-focus-inner { - padding: 0; - border: 0; -} -input { - line-height: normal; -} -input:focus { - outline: none; -} -input[type="checkbox"], -input[type="radio"] { +*::before, +*::after { box-sizing: border-box; - padding: 0; } -input[type="number"]::-webkit-inner-spin-button, -input[type="number"]::-webkit-outer-spin-button { - height: auto; -} -input[type="search"] { - box-sizing: content-box; - - -webkit-appearance: textfield; -} -input[type="search"]::-webkit-search-cancel-button, -input[type="search"]::-webkit-search-decoration { - -webkit-appearance: none; -} -legend { - padding: 0; - border: 0; -} -textarea { - overflow: auto; -} -table { - border-spacing: 0; - border-collapse: collapse; -} -td, -th { - padding: 0; -} - -/* ========================================================================== - Base styles: opinionated defaults - ========================================================================== */ html { overflow-x: hidden; overflow-y: scroll; font-size: 62.5%; - -webkit-tap-highlight-color: rgba(0, 0, 0, 0); } + body { - overflow-x: hidden; + min-height: 100vh; + margin: 0; + padding: 0; color: color(var(--color-base) l(+20%)); font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif; font-size: 1.5rem; line-height: 1.6em; font-weight: 400; font-style: normal; - letter-spacing: 0; - text-rendering: optimizeLegibility; background: #fff; - + scroll-behavior: smooth; + overflow-x: hidden; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; - -moz-font-feature-settings: "liga" on; } -::selection { - text-shadow: none; - background: #cbeafb; +p, +ul, +ol, +li, +dl, +dd, +figure, +figcaption, +blockquote { + margin: 0; +} + +ul[class], +ol[class] { + padding: 0; + list-style: none; +} + +img { + display: block; + max-width: 100%; +} + +input, +button, +textarea, +select { + font: inherit; } hr { @@ -291,20 +72,6 @@ hr { border-top: 1px solid color(var(--color-border) l(+10%)); } -audio, -canvas, -iframe, -img, -svg, -video { - vertical-align: middle; -} - -p, -blockquote { - margin: 0 0 1.5em 0; -} - blockquote { margin: 1.5em 0; padding: 0 1.6em 0 1.6em; @@ -323,26 +90,28 @@ blockquote small { font-size: 0.9em; opacity: 0.8; } -/* Quotation marks */ -blockquote small:before { - content: "\2014 \00A0"; + +::selection { + text-shadow: none; + background: #cbeafb; } -blockquote cite { - font-weight: bold; -} -blockquote cite a { - font-weight: normal; +mark { + background-color: #fdffb6; } -a { +a:not([class]) { color: color(var(--color-primary) l(-5%)); + text-decoration-skip-ink: auto; +} + +a[class] { + color: inherit; text-decoration: none; transition: 0.4s ease; } -a:hover { - text-decoration: underline; +a[class]:hover { transition: 0.2s ease; } @@ -352,10 +121,9 @@ h3, h4, h5, h6 { - margin-top: 0; - line-height: 1.4; + margin: 0; + line-height: 1.1em; font-weight: 700; - text-rendering: optimizeLegibility; } h1 { @@ -404,3 +172,12 @@ h6 { font-size: 2.2rem; } +/* Remove all animations and transitions for people that prefer not to see them */ +@media (prefers-reduced-motion: reduce) { + * { + animation-duration: 0.01ms !important; + animation-iteration-count: 1 !important; + transition-duration: 0.01ms !important; + scroll-behavior: auto !important; + } +} diff --git a/assets/css/screen.css b/assets/css/screen.css index 542fc9e7..3f1e24bf 100644 --- a/assets/css/screen.css +++ b/assets/css/screen.css @@ -85,3 +85,9 @@ production stylesheet in assets/built/screen.css using: gulp dev .site-foot a { color: #fff; } + + +/* Natural flow and rhythm in articles by default */ +.post-body > * + * { + margin-top: 1em; +} diff --git a/default.hbs b/default.hbs index 18fdac76..27b8135e 100644 --- a/default.hbs +++ b/default.hbs @@ -14,57 +14,59 @@ {{!-- Outputs SEO meta+structured data and important settings, should always be in --}} -
+
-
-
- -
- {{#if @site.logo}} - - {{else}} - +
+
+ +
+ {{#if @site.logo}} + + {{else}} + + {{/if}} +
+
+ -
- + {{#if @site.twitter}} + Twitter + {{/if}} + RSS
-
+
+
-
-
+
+
- {{{body}}} - {{!-- All content gets inserted here, index.hbs, post.hbs, etc --}} + {{{body}}} + {{!-- All content gets inserted here, index.hbs, post.hbs, etc --}} -
-
+
+
- +
+{{#if pagination.pages}} +{{/if}} {{{block "scripts"}}}