1 line
21 KiB
Plaintext
1 line
21 KiB
Plaintext
{"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"]} |