diff --git a/assets/built/screen.css b/assets/built/screen.css index 155a60a4..5c62f7e5 100644 --- a/assets/built/screen.css +++ b/assets/built/screen.css @@ -1,2 +1,2 @@ -*,: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}}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}.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}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{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{width:100%}.button.small{height:3.6rem;line-height:3.6rem;padding:0 1.5rem;font-size:1.2rem}.button.large{height:4.56rem;line-height:4.56rem;padding:0 3rem;font-size:1.6rem}.button.disabled,.button:disabled{pointer-events:none;opacity:.4}.button{color:#3eb0ef!important;background-color:transparent;box-shadow:inset 0 0 0 2px #3eb0ef}.button:hover{text-decoration:none;color:#118dd0!important;box-shadow:inset 0 0 0 2px #139de7;transition:.2s ease}.button.primary{color:#fff!important;background-color:#3eb0ef;box-shadow:none}.button.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} +*,: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}}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}.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}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{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{width:100%}.button.small{height:3.6rem;line-height:3.6rem;padding:0 1.5rem;font-size:1.2rem}.button.large{height:4.56rem;line-height:4.56rem;padding:0 3rem;font-size:1.6rem}.button.disabled,.button:disabled{pointer-events:none;opacity:.4}.button{color:#3eb0ef!important;background-color:transparent;box-shadow:inset 0 0 0 2px #3eb0ef}.button:hover{text-decoration:none;color:#118dd0!important;box-shadow:inset 0 0 0 2px #139de7;transition:.2s ease}.button.primary{color:#fff!important;background-color:#3eb0ef;box-shadow:none}.button.primary:hover{background-color:#139de7}.gh-container{width:100%;max-width:1030px;margin:0 auto}.gh-head{padding:20px 4vw;background:#131313}.gh-head,.gh-head a{color:#fff}.gh-head-container{display:flex;align-items:center;justify-content:space-between}.gh-head-left .nav{display:flex;align-items:center;list-style:none;margin:0;padding:0}.gh-head-left .nav li{margin:0 10px 0 0;padding:0}.gh-head-logo img{height:30px;width:auto}.gh-foot{display:flex;align-items:center;justify-content:space-between;padding:20px 4vw;background:#131313}.gh-foot,.gh-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 0c8e0bad..33c5b650 100644 --- a/assets/built/screen.css.map +++ b/assets/built/screen.css.map @@ -1 +1 @@ -{"version":3,"sources":["components/global.css","components/content.css","components/members.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","\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\n\n/* Cards\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","/* 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","/* 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\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\n.button.fit {\n width: 100%;\n}\n\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\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.button.disabled,\n.button:disabled {\n pointer-events: none;\n opacity: 0.4;\n}\n\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\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\n.button.primary {\n color: #fff !important;\n background-color: var(--color-primary);\n box-shadow: none;\n}\n\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/* Lib - Local component imports\n/* ---------------------------------------------------------- */\n\n/* Base */\n@import \"vars.css\";\n@import \"components/global.css\";\n\n/* Ghost components */\n@import \"components/content.css\";\n@import \"components/members.css\";\n\n/* Global components */\n@import \"components/forms.css\";\n@import \"components/buttons.css\";\n\n\n/* Main - 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 +{"version":3,"sources":["components/global.css","components/content.css","components/members.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","\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\n\n/* Cards\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","/* 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","/* 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\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\n.button.fit {\n width: 100%;\n}\n\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\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.button.disabled,\n.button:disabled {\n pointer-events: none;\n opacity: 0.4;\n}\n\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\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\n.button.primary {\n color: #fff !important;\n background-color: var(--color-primary);\n box-shadow: none;\n}\n\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/* Lib - Local component imports\n/* ---------------------------------------------------------- */\n\n/* Base */\n@import \"vars.css\";\n@import \"components/global.css\";\n\n/* Ghost components */\n@import \"components/content.css\";\n@import \"components/members.css\";\n\n/* Global components */\n@import \"components/forms.css\";\n@import \"components/buttons.css\";\n\n\n/* Main - Your styles here! Edit below\n/* ---------------------------------------------------------- */\n\n/* Global */\n.gh-container {\n width: 100%;\n max-width: 1030px;\n margin: 0 auto;\n}\n\n/* Header */\n.gh-head {\n padding: 20px 4vw;\n color: #fff;\n background: var(--color-base);\n}\n\n.gh-head a {\n color: #fff;\n}\n\n.gh-head-container {\n display: flex;\n align-items: center;\n justify-content: space-between;\n}\n\n.gh-head-left .nav {\n display: flex;\n align-items: center;\n list-style: none;\n margin: 0;\n padding: 0;\n}\n\n.gh-head-left .nav li {\n margin: 0 10px 0 0;\n padding: 0;\n}\n\n.gh-head-logo img {\n height: 30px;\n width: auto;\n}\n\n/* Footer */\n.gh-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.gh-foot a {\n color: #fff;\n}\n"]} \ No newline at end of file diff --git a/assets/css/screen.css b/assets/css/screen.css index 3816045e..1cdf0c3b 100644 --- a/assets/css/screen.css +++ b/assets/css/screen.css @@ -25,30 +25,30 @@ production stylesheet in assets/built/screen.css using: gulp dev /* ---------------------------------------------------------- */ /* Global */ -.inner { +.gh-container { width: 100%; max-width: 1030px; margin: 0 auto; } /* Header */ -.site-head { +.gh-head { padding: 20px 4vw; color: #fff; background: var(--color-base); } -.site-head a { +.gh-head a { color: #fff; } -.site-head-container { +.gh-head-container { display: flex; align-items: center; justify-content: space-between; } -.site-head-left .nav { +.gh-head-left .nav { display: flex; align-items: center; list-style: none; @@ -56,23 +56,18 @@ production stylesheet in assets/built/screen.css using: gulp dev padding: 0; } -.site-head-left .nav li { +.gh-head-left .nav li { margin: 0 10px 0 0; padding: 0; } -.site-head-logo img { +.gh-head-logo img { height: 30px; width: auto; } -/* Main */ -.site-main { - margin: 5vw 4vw; -} - /* Footer */ -.site-foot { +.gh-foot { display: flex; align-items: center; justify-content: space-between; @@ -81,12 +76,6 @@ production stylesheet in assets/built/screen.css using: gulp dev background: var(--color-base); } -.site-foot a { +.gh-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 27b8135e..4144bf7f 100644 --- a/default.hbs +++ b/default.hbs @@ -3,33 +3,34 @@ - - {{meta_title}} - + {{meta_title}} {{ghost_head}} {{!-- Outputs SEO meta+structured data and important settings, should always be in --}} + -
+
-
-
-
-
-
- - {{{body}}} - {{!-- All content gets inserted here, index.hbs, post.hbs, etc --}} - -
+
+ {{{body}}} + {{!-- All content gets inserted here, index.hbs, post.hbs, etc --}}
-