diff --git a/assets/built/screen.css b/assets/built/screen.css index 2eef89db..a7e47775 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)}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} +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} /*# 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 d187ce89..8ce780ac 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"],"names":[],"mappings":"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","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.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.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","/* 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"]} \ 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\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 built 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 diff --git a/assets/css/components/ghost.css b/assets/css/components/ghost.css index 3c87ee90..7aec544f 100644 --- a/assets/css/components/ghost.css +++ b/assets/css/components/ghost.css @@ -106,6 +106,121 @@ margin-top: calc( -7vw + 0.75em ); } +/* Code Cards +/* ---------------------------------------------------------- */ + +.kg-code-card { + width: 100%; +} + +.kg-code-card pre { + margin: 0; +} + + +/* Bookmark Cards +/* ---------------------------------------------------------- */ + +.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, 0.1), 0 0 1px rgba(0, 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; + + 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; +} + /* Members Forms /* ---------------------------------------------------------- */ diff --git a/assets/css/screen.css b/assets/css/screen.css index e4603fea..73e81607 100644 --- a/assets/css/screen.css +++ b/assets/css/screen.css @@ -21,4 +21,67 @@ production stylesheet in assets/built/screen.css using gulp dev /* Main - Theme styles /* ---------------------------------------------------------- */ -/* Your styles here */ + +/* Your styles here! Edit below */ + + +/* Global */ +.inner { + width: 100%; + max-width: 1030px; + margin: 0 auto; +} + +/* Header */ +.site-head { + padding: 20px 4vw; + color: #fff; + background: var(--color-base); +} + +.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; +} + +/* Main */ +.site-main { + margin: 5vw 4vw; +} + +/* Footer */ +.site-foot { + display: flex; + align-items: center; + justify-content: space-between; + padding: 20px 4vw; + color: #fff; + background: var(--color-base); +} + +.site-foot a { + color: #fff; +} diff --git a/default.hbs b/default.hbs index 2ef30d3f..d6291645 100644 --- a/default.hbs +++ b/default.hbs @@ -1,5 +1,6 @@ + {{!-- Document Settings --}} @@ -18,71 +19,74 @@ {{ghost_head}} + -
+
-
-
- -
- {{#if @site.logo}} - - {{else}} - - {{/if}} -
-
- -
+ -
+
+
- {{!-- All the main content gets inserted here, index.hbs, post.hbs, etc --}} - {{{body}}} + {{!-- All the main content gets inserted here, index.hbs, post.hbs, etc --}} + {{{body}}} -
+
+ - {{!-- The footer at the very bottom of the screen --}} - + {{!-- The footer at the very bottom of the screen --}} + -
+ - + -{{#if pagination.pages}} - - -{{/if}} + {{#if pagination.pages}} + + + {{/if}} -{{!-- The #block helper will pull in data from the #contentFor other template files. In this case, there's some JavaScript which we only want to use in post.hbs, but it needs to be included down here, after jQuery has already loaded. --}} -{{{block "scripts"}}} + {{!-- The #block helper will pull in data from the #contentFor other template files. In this case, there's some JavaScript which we only want to use in post.hbs, but it needs to be included down here, after jQuery has already loaded. --}} + {{{block "scripts"}}} -{{!-- Ghost outputs important scripts and data with this tag - it should always be the very last thing before the closing body tag --}} -{{ghost_foot}} + {{!-- Ghost outputs important scripts and data with this tag - it should always be the very last thing before the closing body tag --}} + {{ghost_foot}} - + + \ No newline at end of file diff --git a/error-404.hbs b/error-404.hbs index bdcaf996..fe21bfd4 100644 --- a/error-404.hbs +++ b/error-404.hbs @@ -34,7 +34,7 @@ It's a good idea to keep this template as minimal as possible in terms of both f
-

{{code}}

+

{{statusCode}}

{{message}}

Go to the front page →
diff --git a/error.hbs b/error.hbs index 3a7c8401..61310e0f 100644 --- a/error.hbs +++ b/error.hbs @@ -1,27 +1,66 @@ -{{!< default}} +{{!-- +This error template is used for all 400/500 errors, except 404, which might occur on your site. +It's a good idea to keep this template as minimal as possible in terms of both file size and complexity. +You'll notice that we *don't* use any JavsScript, or ghost_head / ghost_foot in this file. +--}} -
-

{{code}}

-

{{message}}

- Go to the front page → -
+ + -{{#if errorDetails}} -
-
-

Theme errors

-
    - {{#each errorDetails}} -
  • - {{{rule}}} + + + + {{meta_title}} + + + + - {{#each failures}} -

    Ref: {{ref}}

    -

    Message: {{message}}

    - {{/each}} -
  • - {{/each}} -
-
-
-{{/if}} + +
+ + + +
+
+ +
+

{{statusCode}}

+

{{message}}

+ Go to the front page → +
+ + {{#if errorDetails}} +
+

Theme errors

+
    + {{#foreach errorDetails}} +
  • + {{{rule}}} + + {{#foreach failures}} +

    Ref: {{ref}}

    +

    Message: {{message}}

    + {{/foreach}} +
  • + {{/foreach}} +
+
+ {{/if}} + +
+
+
+ + + \ No newline at end of file diff --git a/partials/post-card.hbs b/partials/post-card.hbs index d6a72914..ef0c93bd 100644 --- a/partials/post-card.hbs +++ b/partials/post-card.hbs @@ -2,10 +2,22 @@ Re-usable card for linking to posts --}} -
+ +
\ No newline at end of file