diff --git a/min/holiday.min.css b/min/holiday.min.css index 94f239a..9248691 100644 --- a/min/holiday.min.css +++ b/min/holiday.min.css @@ -1 +1 @@ -/*! modern-normalize v0.6.0 | MIT License | https://github.com/sindresorhus/modern-normalize */*,*::before,*::after{box-sizing:border-box}:root{-moz-tab-size:4;tab-size:4}html{line-height:1.15;-webkit-text-size-adjust:100%}body{margin:0}body{font-family:system-ui,-apple-system,'Segoe UI',Roboto,Helvetica,Arial,sans-serif,'Apple Color Emoji','Segoe UI Emoji'}hr{height:0}abbr[title]{text-decoration:underline dotted}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:SFMono-Regular,Consolas,'Liberation Mono',Menlo,monospace;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-0.25em}sup{top:-0.5em}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,select{text-transform:none}button,[type='button'],[type='reset'],[type='submit']{-webkit-appearance:button}button::-moz-focus-inner,[type='button']::-moz-focus-inner,[type='reset']::-moz-focus-inner,[type='submit']::-moz-focus-inner{border-style:none;padding:0}button:-moz-focusring,[type='button']:-moz-focusring,[type='reset']:-moz-focusring,[type='submit']:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:.35em .75em .625em}legend{padding:0}progress{vertical-align:baseline}[type='number']::-webkit-inner-spin-button,[type='number']::-webkit-outer-spin-button{height:auto}[type='search']{-webkit-appearance:textfield;outline-offset:-2px}[type='search']::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}button,summary,[type="button"],[type="reset"],[type="submit"],[type="color"],[type="file"],label>[type="checkbox"]:not(:disabled),label>[type="radio"]:not(:disabled){cursor:pointer}[readonly]{cursor:default}:disabled,[type="checkbox"][id]:disabled+label[for],[type="radio"][id]:disabled+label[for]{cursor:not-allowed}abbr{cursor:help}[href^="mailto:"]::before,[href^="sms:"]::before{content:"✉ "}[href^="tel:"]::before,[href^="callto:"]::before,[href^="skype:"]::before{content:"✆ "}@media(min-width:768px){body{max-width:768px}}body{margin:.5rem auto;width:calc(100% - 1rem);overflow-wrap:break-word}img{max-width:100%}table{display:block;overflow-x:auto}pre{overflow-x:auto}code{padding:.25rem}pre code{display:inline-block;min-width:100%;padding:1rem}kbd{padding:.5rem;min-width:2.25rem;min-height:2rem;display:inline-flex;align-items:center;justify-content:center;margin:0 .25rem;max-width:100%;overflow:hidden}kbd kbd{margin:0;padding:0;min-width:unset;min-height:unset}kbd kbd:not(:first-child){padding-left:.25rem}kbd kbd:not(:last-child){padding-right:.25rem}iframe{border:0;width:100%}dialog{border:0;overflow-y:auto;max-height:calc(100% - 1rem)}audio,video,embed,object{width:100%}meter,progress{height:2.25rem;display:block;width:100%}input:not([type="button"]):not([type="checkbox"]):not([type="image"]):not([type="radio"]):not([type="reset"]):not([type="submit"]){height:2.25rem}input:not([type="button"]):not([type="checkbox"]):not([type="image"]):not([type="radio"]):not([type="reset"]):not([type="submit"]):not([type="color"]),output{display:block;width:100%}button,[type="button"],[type="reset"],[type="submit"],input:not([type="checkbox"]):not([type="image"]):not([type="radio"]):not([type="color"]):not([type="file"]):not([type="date"]):not([type="datetime-local"]):not([type="time"]):not([type="month"]):not([type="week"]){padding:.5rem}[type="date"],[type="datetime-local"],[type="time"],[type="month"],[type="week"]{padding:.4rem .5rem}textarea{min-height:8em;display:block;width:100%;padding:.5rem}select{min-height:2.25rem;display:block;width:100%;padding:.45rem .5rem}summary{min-height:2.25rem;display:flex;align-items:center}[type="image"]{vertical-align:bottom}[type="color"]{vertical-align:top}fieldset{padding:.75rem}label>[type="color"]{margin-left:.25rem}label{display:flex;flex-wrap:wrap;align-items:center;margin-top:1rem;width:100%}legend+label{margin-top:0}[type="checkbox"]+label,[type="radio"]+label{display:inline-flex;vertical-align:text-bottom;width:unset}fieldset>label:first-child{margin-top:0}label>[type="checkbox"],label>[type="radio"]{margin-right:.25rem;min-height:1rem}[type="file"]{padding-top:.35rem}blockquote{margin-left:0;margin-right:0;padding:1rem 2rem}blockquote>p:first-child{margin-top:0}blockquote>p:last-child{margin-bottom:0}footer{margin-top:1rem}body>header,body>footer{text-align:center}td,th{padding:.5rem}figure{margin-left:0;margin-right:0;text-align:center}figure>figcaption{text-align:center}figure>*{text-align:initial}dt{font-weight:bold}dd{margin-bottom:1rem}li{margin-top:.5rem;margin-bottom:.5rem}@media(hover:hover){nav ul{padding-left:0}nav ul li{display:inline-block;position:relative}nav>ul>li{padding:.5rem;margin:0}nav ul li a{text-decoration:none;white-space:nowrap}nav ul li ul{position:absolute;left:-9999px;z-index:1;background-color:var(--background-color);border-radius:var(--border-radius);border:var(--border-width) solid var(--border-color);margin-left:calc(-0.5rem - var(--border-width));margin-top:.5rem;padding:.25rem .5rem;min-width:calc(100%+var(--border-width) * 2)}nav ul li ul li{width:100%}nav ul li ul li ul{min-width:calc(100%+1rem+var(--border-width) * 2);margin-top:.75rem}nav :focus ~ ul,nav :focus ~ ul ul,nav ul ul:focus-within,nav ul li:hover ul{left:initial}nav li>*:not(ul):not(:only-child){cursor:pointer}nav li>*:not(ul):not(:only-child)::after{content:" ▾"}}@media not all and (hover:hover){nav{padding-top:2rem;border-radius:var(--border-radius);border:var(--border-width) solid var(--border-color);background-image:url('data:image/svg+xml;utf8,');background-repeat:no-repeat;background-position:top}nav>*{display:none}nav:hover>ul{display:inherit}nav:hover>*:not(ul){display:unset}}:root{--border-color:#dbdbdb;--border-hover-color:#b5b5b5;--background-color:#fff;--highlighted-background-color:#f5f5f5;--text-color:#000;--danger-color:#ff3860;--danger-hover-color:#f7375d;--success-color:#23d160;--success-hover-color:#22c65b;--danger-text-background-color:#ffe7ec;--success-text-background-color:#e4faec;--border-radius:.25rem;--border-width:1px}button,input,textarea,select,fieldset{border-radius:var(--border-radius)}[type="image"]:hover:not(:disabled){filter:brightness(95%)}button,[type="button"],[type="reset"],[type="submit"],[type="color"]{border:var(--border-width) solid var(--border-color);background:var(--background-color);color:var(--text-color)}[type="reset"]{background-color:var(--danger-color);border-color:transparent;color:var(--background-color)}[type="submit"],button:not([type]){background-color:var(--success-color);border-color:transparent;color:var(--background-color)}button:hover:not(:disabled),[type="button"]:hover:not(:disabled),[type="reset"]:hover:not(:disabled),[type="submit"]:hover:not(:disabled),[type="color"]:hover:not(:disabled){border-color:var(--border-hover-color)}[type="reset"]:hover:not(:disabled){border-color:transparent;background-color:var(--danger-hover-color)}[type="submit"]:hover:not(:disabled),button:not([type]):hover:not(:disabled){border-color:transparent;background-color:var(--success-hover-color)}input:not([type="button"]):not([type="checkbox"]):not([type="color"]):not([type="image"]):not([type="radio"]):not([type="reset"]):not([type="submit"]):not([type="file"]):not(:invalid),textarea,select,fieldset{border:var(--border-width) solid var(--border-color)}select:not(:disabled),[type="date"]:not(:disabled),[type="datetime-local"]:not(:disabled),[type="time"]:not(:disabled),[type="month"]:not(:disabled),[type="week"]:not(:disabled){background:var(--background-color)}input:not([type="button"]):not([type="checkbox"]):not([type="color"]):not([type="image"]):not([type="radio"]):not([type="reset"]):not([type="submit"]):not([type="file"]):hover:not(:disabled):not(:invalid),textarea:hover:not(:disabled),select:hover:not(:disabled){border-color:var(--border-hover-color)}table{border-collapse:collapse}caption{font-weight:bold}thead{border-bottom:calc(var(--border-width) * 2) solid var(--border-color)}tfoot{border-top:calc(var(--border-width) * 2) solid var(--border-color)}thead>tr:not(:first-child),tbody>tr:not(:first-child),tfoot>tr:not(:first-child){border-top:var(--border-width) solid var(--border-color)}thead>tr:nth-child(even),tbody>tr:nth-child(even),tfoot>tr:nth-child(even){background-color:var(--highlighted-background-color)}code{background-color:var(--highlighted-background-color)}kbd{background-color:var(--highlighted-background-color);border:var(--border-width) solid var(--border-hover-color);border-radius:var(--border-radius);box-shadow:inset 0 .2rem 0 var(--background-color),inset 0 0 0 .2rem var(--background-color)}kbd kbd{border:unset;box-shadow:unset}dialog{border-radius:var(--border-radius)}details[open],details:not([open]) summary{border:var(--border-width) solid var(--border-color);border-radius:var(--border-radius);padding:.5rem}details[open]{padding-top:0}details[open] summary{margin-bottom:.5rem}details:not([open]) summary:hover{border-color:var(--border-hover-color)}del{background-color:var(--danger-text-background-color)}ins{background-color:var(--success-text-background-color);text-decoration:none}blockquote{border-left:.5rem solid var(--border-color);background-color:var(--highlighted-background-color)}body>footer{border-top:var(--border-width) solid var(--border-color);padding-top:1rem}hr{border-width:var(--border-width) 0 0;border-style:solid;border-color:var(--border-color)}:disabled,[type="checkbox"][id]:disabled+label[for],[type="radio"][id]:disabled+label[for]{opacity:.5}:invalid:not(form){border-color:var(--danger-color);outline-color:var(--danger-color);border-width:var(--border-width);border-style:solid}:disabled :disabled{opacity:unset}:invalid:not(form):hover:not(:disabled){border-color:var(--danger-hover-color)} \ No newline at end of file +/*! modern-normalize v0.6.0 | MIT License | https://github.com/sindresorhus/modern-normalize */*,*::before,*::after{box-sizing:border-box}:root{-moz-tab-size:4;tab-size:4}html{line-height:1.15;-webkit-text-size-adjust:100%}body{margin:0}body{font-family:system-ui,-apple-system,'Segoe UI',Roboto,Helvetica,Arial,sans-serif,'Apple Color Emoji','Segoe UI Emoji'}hr{height:0}abbr[title]{text-decoration:underline dotted}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:SFMono-Regular,Consolas,'Liberation Mono',Menlo,monospace;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-0.25em}sup{top:-0.5em}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,select{text-transform:none}button,[type='button'],[type='reset'],[type='submit']{-webkit-appearance:button}button::-moz-focus-inner,[type='button']::-moz-focus-inner,[type='reset']::-moz-focus-inner,[type='submit']::-moz-focus-inner{border-style:none;padding:0}button:-moz-focusring,[type='button']:-moz-focusring,[type='reset']:-moz-focusring,[type='submit']:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:.35em .75em .625em}legend{padding:0}progress{vertical-align:baseline}[type='number']::-webkit-inner-spin-button,[type='number']::-webkit-outer-spin-button{height:auto}[type='search']{-webkit-appearance:textfield;outline-offset:-2px}[type='search']::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}button,summary,[type="button"],[type="reset"],[type="submit"],[type="color"],[type="file"],[type="range"],label>[type="checkbox"]:not(:disabled),label>[type="radio"]:not(:disabled){cursor:pointer}[readonly]{cursor:default}:disabled,[type="checkbox"][id]:disabled+label[for],[type="radio"][id]:disabled+label[for]{cursor:not-allowed}abbr{cursor:help}:root{--max-body-width:48rem}[href^="mailto:"]::before,[href^="sms:"]::before{content:"✉ "}[href^="tel:"]::before,[href^="callto:"]::before,[href^="skype:"]::before{content:"✆ "}body{max-width:var(--max-body-width)}body{margin:0 auto .5rem;width:calc(100% - 1rem);overflow-wrap:break-word}img{max-width:100%;max-height:100vh}table{display:block;overflow-x:auto}pre{overflow-x:auto}code{padding:.25rem}pre code{display:inline-block;min-width:100%;padding:1rem}kbd{padding:.5rem;min-width:2.25rem;min-height:2rem;display:inline-flex;align-items:center;justify-content:center;margin:0 .25rem;max-width:100%;overflow:hidden}kbd kbd{margin:0;padding:0;min-width:unset;min-height:unset}kbd kbd:not(:first-child){padding-left:.25rem}kbd kbd:not(:last-child){padding-right:.25rem}iframe{border:0;width:100%}dialog{border:0;overflow-y:auto;max-height:calc(100% - 1rem)}audio,video,embed,object{width:100%}meter,progress{height:2.25rem;display:block;width:100%}input:not([type="button"]):not([type="checkbox"]):not([type="image"]):not([type="radio"]):not([type="reset"]):not([type="submit"]){height:2.25rem}input:not([type="button"]):not([type="checkbox"]):not([type="image"]):not([type="radio"]):not([type="reset"]):not([type="submit"]):not([type="color"]),output{display:block;width:100%}button,[type="button"],[type="reset"],[type="submit"],input:not([type="checkbox"]):not([type="image"]):not([type="radio"]):not([type="color"]):not([type="file"]):not([type="date"]):not([type="datetime-local"]):not([type="time"]):not([type="month"]):not([type="week"]):not([type="range"]){padding:.5rem}[type="date"],[type="datetime-local"],[type="time"],[type="month"],[type="week"]{padding:.4rem .5rem}textarea{min-height:8em;display:block;width:100%;padding:.5rem}select{min-height:2.25rem;display:block;width:100%;padding:.45rem .5rem}summary{min-height:2.25rem;display:flex;align-items:center}[type="image"]{vertical-align:bottom}[type="color"]{vertical-align:top}fieldset{padding:.75rem}label>[type="color"]{margin-left:.25rem}label{display:flex;flex-wrap:wrap;align-items:center;margin-top:1rem;width:100%}legend+label{margin-top:0}[type="checkbox"]+label,[type="radio"]+label{display:inline-flex;vertical-align:text-bottom;width:unset}fieldset>label:first-child{margin-top:0}label>[type="checkbox"],label>[type="radio"]{margin-right:.25rem;min-height:1rem}[type="file"]{padding-top:.35rem}blockquote{margin-left:0;margin-right:0;padding:1rem 2rem}blockquote>p:first-child{margin-top:0}blockquote>p:last-child{margin-bottom:0}footer{margin-top:1rem}body>header,body>footer{text-align:center}td,th{padding:.5rem}figure{margin-left:0;margin-right:0;text-align:center}figure>figcaption{text-align:center}figure>*{text-align:initial}dt{font-weight:bold}dd{margin-bottom:1rem}li{margin-top:.5rem;margin-bottom:.5rem}picture{width:100vw;position:relative;left:calc(-50vw+50%);display:block;text-align:center}@media(max-width:50rem){table{width:calc(100%+1rem);margin-left:-0.5rem}video{width:calc(100%+1rem);margin-left:-0.5rem;max-height:100vh}pre{width:calc(100%+1rem);margin-left:-0.5rem;padding-left:.5rem;padding-right:.5rem}pre code{border-left:.5rem solid transparent;border-right:.5rem solid transparent;box-sizing:content-box;margin-left:-0.5rem;margin-right:-0.5rem;padding-left:0;padding-right:0}}@media(hover:hover){body{overflow-x:hidden}nav{border-bottom:var(--border-width) solid var(--border-color);background-color:var(--background-color);display:flex}body>nav{width:100vw;position:relative;left:calc(-50vw+50%)}nav ul{padding-left:0}body>nav>ul{width:calc(var(--max-body-width)+2rem);margin:.5rem auto;padding-left:.5rem;padding-right:.5rem}nav ul li{display:inline-block;position:relative}nav>ul>li{padding:.5rem;margin:0}nav ul li a{text-decoration:none;white-space:nowrap}nav ul li ul{position:absolute;left:-9999px;z-index:1;background-color:var(--background-color);border-radius:var(--border-radius);border:var(--border-width) solid var(--border-color);margin-left:calc(-0.5rem - var(--border-width));margin-top:.5rem;padding:.25rem .5rem;min-width:calc(100%+var(--border-width) * 2)}nav ul li ul li{width:100%}nav ul li ul li ul{min-width:calc(100%+1rem+var(--border-width) * 2);margin-top:.75rem}nav :focus ~ ul,nav :focus ~ ul ul,nav ul ul:focus-within,nav ul li:hover ul{left:initial}nav li>*:not(ul):not(:only-child){cursor:pointer}nav li>*:not(ul):not(:only-child)::after{content:" ▾"}}@media not all and (hover:hover){nav{padding-top:2rem;border-bottom:var(--border-width) solid var(--border-color);background-image:url('data:image/svg+xml;utf8,');background-repeat:no-repeat;background-position:top;width:100vw;position:relative;left:calc(-50vw+50%)}nav>*{display:none}nav:hover>ul{display:inherit}nav:hover>*:not(ul){display:unset}}:root{--border-color:#dbdbdb;--border-hover-color:#b5b5b5;--background-color:#fff;--highlighted-background-color:#f5f5f5;--text-color:#000;--danger-color:#ff3860;--danger-hover-color:#f7375d;--success-color:#23d160;--success-hover-color:#22c65b;--danger-text-background-color:#ffe7ec;--success-text-background-color:#e4faec;--border-radius:.25rem;--border-width:1px}button,input,textarea,select,fieldset{border-radius:var(--border-radius)}[type="image"]:hover:not(:disabled){filter:brightness(95%)}button,[type="button"],[type="reset"],[type="submit"],[type="color"]{border:var(--border-width) solid var(--border-color);background:var(--background-color);color:var(--text-color)}[type="reset"]{background-color:var(--danger-color);border-color:transparent;color:var(--background-color)}[type="submit"],button:not([type]){background-color:var(--success-color);border-color:transparent;color:var(--background-color)}button:hover:not(:disabled),[type="button"]:hover:not(:disabled),[type="reset"]:hover:not(:disabled),[type="submit"]:hover:not(:disabled),[type="color"]:hover:not(:disabled){border-color:var(--border-hover-color)}[type="reset"]:hover:not(:disabled){border-color:transparent;background-color:var(--danger-hover-color)}[type="submit"]:hover:not(:disabled),button:not([type]):hover:not(:disabled){border-color:transparent;background-color:var(--success-hover-color)}input:not([type="button"]):not([type="checkbox"]):not([type="color"]):not([type="image"]):not([type="radio"]):not([type="reset"]):not([type="submit"]):not([type="file"]):not([type="range"]):not(:invalid),textarea,select,fieldset{border:var(--border-width) solid var(--border-color)}select:not(:disabled),[type="date"]:not(:disabled),[type="datetime-local"]:not(:disabled),[type="time"]:not(:disabled),[type="month"]:not(:disabled),[type="week"]:not(:disabled){background:var(--background-color)}input:not([type="button"]):not([type="checkbox"]):not([type="color"]):not([type="image"]):not([type="radio"]):not([type="reset"]):not([type="submit"]):not([type="file"]):hover:not(:disabled):not(:invalid),textarea:hover:not(:disabled),select:hover:not(:disabled){border-color:var(--border-hover-color)}table{border-collapse:collapse}caption{font-weight:bold}thead{border-bottom:calc(var(--border-width) * 2) solid var(--border-color)}tfoot{border-top:calc(var(--border-width) * 2) solid var(--border-color)}thead>tr:not(:first-child),tbody>tr:not(:first-child),tfoot>tr:not(:first-child){border-top:var(--border-width) solid var(--border-color)}thead>tr:nth-child(even),tbody>tr:nth-child(even),tfoot>tr:nth-child(even){background-color:var(--highlighted-background-color)}code{background-color:var(--highlighted-background-color);border-color:var(--highlighted-background-color)}kbd{background-color:var(--highlighted-background-color);border:var(--border-width) solid var(--border-hover-color);border-radius:var(--border-radius);box-shadow:inset 0 .2rem 0 var(--background-color),inset 0 0 0 .2rem var(--background-color)}kbd kbd{border:unset;box-shadow:unset}dialog{border-radius:var(--border-radius)}details[open],details:not([open]) summary{border:var(--border-width) solid var(--border-color);border-radius:var(--border-radius);padding:.5rem}details[open]{padding-top:0}details[open] summary{margin-bottom:.5rem}details:not([open]) summary:hover{border-color:var(--border-hover-color)}del{background-color:var(--danger-text-background-color)}ins{background-color:var(--success-text-background-color);text-decoration:none}blockquote{border-left:.5rem solid var(--border-color);background-color:var(--highlighted-background-color)}body>footer{border-top:var(--border-width) solid var(--border-color);padding-top:1rem}hr{border-width:var(--border-width) 0 0;border-style:solid;border-color:var(--border-color)}:disabled,[type="checkbox"][id]:disabled+label[for],[type="radio"][id]:disabled+label[for]{opacity:.5}:invalid:not(form){border-color:var(--danger-color);outline-color:var(--danger-color);border-width:var(--border-width);border-style:solid}:disabled :disabled{opacity:unset}:invalid:not(form):hover:not(:disabled){border-color:var(--danger-hover-color)} \ No newline at end of file diff --git a/min/lit.min.css b/min/lit.min.css index 008711b..de5f4f9 100644 --- a/min/lit.min.css +++ b/min/lit.min.css @@ -1 +1 @@ -:root{--font:nunito;--primary-color:#fa0;--light:#eee}*+*{box-sizing:border-box;margin:.5em 0}@media(min-width:35em){.col{display:table-cell}.\31{width:5%}.\33{width:22%}.\34{width:30%}.\35{width:40%}.\32{width:15%}.row{display:table;border-spacing:1em 0}}.w-100,.row{width:100%}.card:focus,hr{outline:0;border:solid var(--primary-color)}.card,pre{padding:1em;border:solid var(--light)}a:hover,.btn:hover{opacity:.6}.c{max-width:60em;padding:1em;margin:auto;font:1em/1.6 var(--font)}h6{font:300 1em var(--font)}h5{font:300 1.2em var(--font)}h3{font:300 2em var(--font)}h4{font:300 1.5em var(--font)}h2{font:300 2.2em var(--font)}h1{font:300 2.5em var(--font)}a{color:var(--primary-color);text-decoration:none}.btn.primary{color:white;background:var(--primary-color);border:solid var(--primary-color)}pre{overflow:auto}td,th{padding:1em;text-align:left;border-bottom:solid var(--light)}.btn{padding:1em;letter-spacing:.1em;text-transform:uppercase;background:white;border:solid;font:.7em var(--font);cursor:pointer} \ No newline at end of file +:root{--font:nunito;--primary-color:#fa0;--light:#eee}*+*{box-sizing:border-box;margin:.5em 0}@media(min-width:35em){.col{display:table-cell}.\31{width:5%}.\33{width:22%}.\34{width:30%}.\35{width:40%}.\32{width:15%}.\36{width:50%}.row{display:table;border-spacing:1em 0}}.w-100,.row{width:100%}.card:focus,hr{outline:0;border:solid var(--primary-color)}.card,pre{padding:1em;border:solid var(--light)}a:hover,.btn:hover{opacity:.6}.c{max-width:60em;padding:1em;margin:auto;font:1em/1.6 var(--font)}h6{font:300 1em var(--font)}h5{font:300 1.2em var(--font)}h3{font:300 2em var(--font)}h4{font:300 1.5em var(--font)}h2{font:300 2.2em var(--font)}h1{font:300 2.5em var(--font)}a{color:var(--primary-color);text-decoration:none}.btn.primary{color:white;background:var(--primary-color);border:solid var(--primary-color)}pre{overflow:auto}td,th{padding:1em;text-align:left;border-bottom:solid var(--light)}.btn{padding:1em;letter-spacing:.1em;text-transform:uppercase;background:white;border:solid;font:.7em var(--font);cursor:pointer} \ No newline at end of file diff --git a/min/markdown.min.css b/min/markdown.min.css index 1ba50ba..90458e8 100644 --- a/min/markdown.min.css +++ b/min/markdown.min.css @@ -1 +1 @@ -.markdown{word-wrap:break-word}.markdown,.markdown h1,.markdown h2,.markdown h3,.markdown h4,.markdown h5,.markdown h6,.markdown pre,.markdown code,.markdown blockquote,.markdown em,.markdown strong,.markdown code{font-size:14px;line-height:20px;font-weight:normal;font-style:normal;font-family:consolas,monaco,courier,"courier new",monospace;color:#333}.markdown h1,.markdown h2,.markdown h3,.markdown h4,.markdown h5,.markdown h6,.markdown pre,.markdown code,.markdown blockquote,.markdown ol,.markdown ul,.markdown li,.markdown p,.markdown section,.markdown header,.markdown footer{float:none;margin:0;padding:0}.markdown h1,.markdown p,.markdown ul,.markdown ol,.markdown pre,.markdown blockquote{margin-top:20px;margin-bottom:20px}.markdown h1{position:relative;display:inline-block;display:table-cell;padding:20px 0 40px;margin:0;overflow:hidden}.markdown h1:after{content:"====================================================================================================";position:absolute;bottom:20px;left:0}.markdown h1+*{margin-top:0}.markdown h2,.markdown h3,.markdown h4,.markdown h5,.markdown h6{position:relative;margin-bottom:20px}.markdown h2:before,.markdown h3:before,.markdown h4:before,.markdown h5:before,.markdown h6:before{content:"## ";display:inline}.markdown h3:before{content:"### "}.markdown h4:before{content:"#### "}.markdown h5:before{content:"##### "}.markdown h6:before{content:"###### "}.markdown li{position:relative;display:block;padding-left:34px;padding-left:4ch}.markdown li:after{position:absolute;top:0;left:0}.markdown ul>li:after{content:"*"}.markdown ol{counter-reset:ol}.markdown ol>li:after{content:counter(ol) ".";counter-increment:ol}.markdown pre{margin-left:34px;margin-left:4ch}.markdown blockquote{position:relative;padding-left:17px;padding-left:2ch;overflow:hidden}.markdown blockquote:after{content:">\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>";white-space:pre;position:absolute;top:0;left:0;font-size:14px;line-height:20px}.markdown strong:before,.markdown strong:after{content:"__";display:inline}.markdown em:before,.markdown em:after{content:"*";display:inline}.markdown a{text-decoration:none}.markdown a:before{content:"[";display:inline;color:#333}.markdown a:after{content:"](" attr(href) ")";display:inline;color:#333}.markdown code{font-weight:100}.markdown code:before,.markdown code:after{content:"`";display:inline}.markdown pre code:before,.markdown pre code:after{content:none}.markdown hr{position:relative;height:20px;font-size:0;line-height:0;overflow:hidden;border:0;margin-bottom:20px}.markdown hr:after{content:"----------------------------------------------------------------------------------------------------";position:absolute;top:0;left:0;font-size:14px;line-height:20px;width:100%;word-wrap:break-word}@-moz-document url-prefix(){.markdown h1{display:block}}.markdown-ones ol>li:after{content:"1."} \ No newline at end of file +body{word-wrap:break-word;font-family:consolas,monaco,courier,"courier new",fixed-width}h1,h2,h3,h4,h5,h6,pre,code,blockquote,em,strong,code{font-size:14px;line-height:20px;font-weight:normal;font-style:normal;font-family:consolas,monaco,courier,"courier new",fixed-width;color:#333}h1,h2,h3,h4,h5,h6,pre,code,blockquote,ol,ul,li,p,section,header,footer{float:none;margin:0;padding:0}h1,p,ul,ol,pre,blockquote{margin-top:20px;margin-bottom:20px}h1{position:relative;display:inline-block;display:table-cell;padding:20px 0 40px;margin:0;overflow:hidden}h1:after{content:"====================================================================================================";position:absolute;bottom:20px;left:0}h1+*{margin-top:0}h2,h3,h4,h5,h6{position:relative;margin-bottom:20px}h2:before,h3:before,h4:before,h5:before,h6:before{content:"## ";display:inline}h3:before{content:"### "}h4:before{content:"#### "}h5:before{content:"##### "}h6:before{content:"###### "}li{position:relative;display:block;padding-left:34px;padding-left:4ch}li:after{position:absolute;top:0;left:0}ul>li:after{content:"*"}ol{counter-reset:ol}ol>li:after{content:counter(ol) ".";counter-increment:ol}pre{margin-left:34px;padding-left:4ch}blockquote{position:relative;padding-left:17px;padding-left:2ch;overflow:hidden}blockquote:after{content:">\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>";white-space:pre;position:absolute;top:0;left:0;font-size:14px;line-height:20px}strong:before,strong:after{content:"__";display:inline}em:before,em:after{content:"*";display:inline}a{text-decoration:none;color:black;cursor:pointer}a:before{content:"[";display:inline;color:#333}a:after{content:"](" attr(href) ")";display:inline;color:#333}code{font-weight:100}code:before,code:after{content:"`";display:inline}pre code:before,pre code:after{content:none}hr{position:relative;height:20px;font-size:0;line-height:0;overflow:hidden;border:0;margin-bottom:20px}hr:after{content:"----------------------------------------------------------------------------------------------------";position:absolute;top:0;left:0;font-size:14px;line-height:20px;width:100%;word-wrap:break-word}img{display:inline;content:"";height:1px}img:before{content:"![" attr(alt) "](" attr(src) ")";display:inline;color:#333}td:after{content:" | "}td:last-child:after{content:""}td{margin:0;padding:0}th{float:none;position:relative;display:inline-block;display:table-cell;padding:20px 0 40px;margin:0;overflow:hidden;font-weight:normal}th:after{content:"----------";position:absolute;bottom:20px;left:15px}th:before{content:" | ";position:absolute;bottom:20px;left:0;padding-right:2px}th:first-child:before{content:"";position:absolute;bottom:20px;left:0}tfoot{display:none}@-moz-document url-prefix(){h1{display:block}}ol>li:after{content:"1."} \ No newline at end of file diff --git a/src/ads-notebook.css b/src/ads-notebook.css index 4dc1d5f..276ed8e 100644 --- a/src/ads-notebook.css +++ b/src/ads-notebook.css @@ -1 +1 @@ -@import "https://fonts.googleapis.com/css?family=Cabin+Sketch|Architects+Daughter";body{font-family:"Architects Daughter",sans-serif;margin-left:10%;background-color:#fff;background-image:-webkit-linear-gradient(90deg,transparent 79px,#abced4 79px,#abced4 81px,transparent 81px),-webkit-linear-gradient(#eee .15em,transparent .15em);background-size:1px,auto 20px;background-repeat:repeat-y,repeat;background-position:10% 0,0 0,0 0}h1,h2,h3,h4,h5,h6{font-weight:300}h1{font-size:2.75em}h2{font-size:2.3125em}h3{font-size:1.6875em}h4{font-size:1.4375em}}h4,h5{font-size:1.125em}h6{font-size:1em}h1{color:#000 !important;font-family:"Cabin Sketch",sans-serif}h2,h3,h4,h5,h6{color:#1a237e !important;font-family:"Cabin Sketch",sans-serif}.title{color:#000 !important;font-family:"Architects Daughter",sans-serif;font-style:normal;font-weight:normal}a:hover{text-decoration:none}p{font-family:"Architects Daughter",sans-serif!important}blockquote{color:#1a237e !important}blockquote:before{color:#000;font-style:italic;content:"\201c";float:left;font-size:2.75em;font-weight:bold;line-height:.6em;margin-left:-.6em;text-shadow:0 1px 2px rgba(0,0,0,.1)}cite{display:block;text-align:right;color:#000;font-style:normal}cite:before{content:'\2014 \00A0'}code{color:#1a237e;background-color:#f9a825 !important}mark{background-color:#ffd600}pre{background-color:#f9a825 !important;color:#1a237e;font-family:monospace;margin:1.5em;padding:8px;max-width:80em;border-radius:4px}table{border-collapse:collapse}th{background-color:#fff;color:#000 !important}td{background-color:#fff;color:#000 !important}td,th,tfoot{border-width:0 1px 1px 0;border:1px solid #dedede;padding:10px}video{max-width:100%}@media all and (max-width:600px){table{width:55vw !important;font-size:3vw} \ No newline at end of file +@import "https://fonts.googleapis.com/css?family=Cabin+Sketch|Architects+Daughter";body{font-family:"Architects Daughter",sans-serif;margin-left:10%;background-color:#fff;background-image:-webkit-linear-gradient(90deg,transparent 79px,#abced4 79px,#abced4 81px,transparent 81px),-webkit-linear-gradient(#eee .15em,transparent .15em);background-size:1px,auto 20px;background-repeat:repeat-y,repeat;background-position:10% 0,0 0,0 0}h1,h2,h3,h4,h5,h6{font-weight:300}h1{font-size:2.75em}h2{font-size:2.3125em}h3{font-size:1.6875em}h4{font-size:1.4375em}}h4,h5{font-size:1.125em}h6{font-size:1em}h1{color:#000 !important;font-family:"Cabin Sketch",sans-serif}h2,h3,h4,h5,h6{color:#1a237e !important;font-family:"Cabin Sketch",sans-serif}.title{color:#000 !important;font-family:"Architects Daughter",sans-serif;font-style:normal;font-weight:normal}a:hover{text-decoration:none}p{font-family:"Architects Daughter",sans-serif !important}blockquote{color:#1a237e !important}blockquote:before{color:#000;font-style:italic;content:"\201c";float:left;font-size:2.75em;font-weight:bold;line-height:.6em;margin-left:-.6em;text-shadow:0 1px 2px rgba(0,0,0,.1)}cite{display:block;text-align:right;color:#000;font-style:normal}cite:before{content:'\2014 \00A0'}code{color:#1a237e;background-color:#f9a825 !important}mark{background-color:#ffd600}pre{background-color:#f9a825 !important;color:#1a237e;font-family:monospace;margin:1.5em;padding:8px;max-width:80em;border-radius:4px}table{border-collapse:collapse}th{background-color:#fff;color:#000 !important}td{background-color:#fff;color:#000 !important}td,th,tfoot{border-width:0 1px 1px 0;border:1px solid #dedede;padding:10px}video{max-width:100%}@media all and (max-width:600px){table{width:55vw !important;font-size:3vw} \ No newline at end of file diff --git a/src/holiday.css b/src/holiday.css index 4d89da0..1840d04 100644 --- a/src/holiday.css +++ b/src/holiday.css @@ -290,6 +290,7 @@ summary, [type="submit"], [type="color"], [type="file"], +[type="range"], label > [type="checkbox"]:not(:disabled), label > [type="radio"]:not(:disabled) { cursor: pointer; @@ -310,6 +311,10 @@ label > [type="radio"]:not(:disabled) { abbr { cursor: help; } +:root { + --max-body-width: 48rem; +} + [href^="mailto:"]::before, [href^="sms:"]::before { content: "✉ "; @@ -321,19 +326,18 @@ abbr { content: "✆ "; } -@media (min-width: 768px) { - body { - max-width: 768px; - } +body { + max-width: var(--max-body-width); } body { - margin: 0.5rem auto; + margin: 0 auto 0.5rem; width: calc(100% - 1rem); overflow-wrap: break-word; } img { max-width: 100%; + max-height: 100vh; } table { @@ -421,7 +425,7 @@ button, [type="button"], [type="reset"], [type="submit"], -input:not([type="checkbox"]):not([type="image"]):not([type="radio"]):not([type="color"]):not([type="file"]):not([type="date"]):not([type="datetime-local"]):not([type="time"]):not([type="month"]):not([type="week"]) { +input:not([type="checkbox"]):not([type="image"]):not([type="radio"]):not([type="color"]):not([type="file"]):not([type="date"]):not([type="datetime-local"]):not([type="time"]):not([type="month"]):not([type="week"]):not([type="range"]) { padding: 0.5rem; } @@ -561,11 +565,72 @@ li { margin-top: 0.5rem; margin-bottom: 0.5rem; } + +picture { + width: 100vw; + position: relative; + left: calc(-50vw + 50%); + display: block; + text-align: center; +} + +@media (max-width: 50rem) { + table { + width: calc(100% + 1rem); + margin-left: -0.5rem; + } + + video { + width: calc(100% + 1rem); + margin-left: -0.5rem; + max-height: 100vh; + } + + pre { + width: calc(100% + 1rem); + margin-left: -0.5rem; + padding-left: 0.5rem; + padding-right: 0.5rem; + } + + pre code { + border-left: 0.5rem solid transparent; + border-right: 0.5rem solid transparent; + box-sizing: content-box; + margin-left: -0.5rem; + margin-right: -0.5rem; + padding-left: 0; + padding-right: 0; + } +} @media (hover: hover) { + body { + overflow-x: hidden; + } + + nav { + border-bottom: var(--border-width) solid var(--border-color); + background-color: var(--background-color); + display: flex; + } + + body > nav { + width: 100vw; + position: relative; + left: calc(-50vw + 50%); + } + nav ul { padding-left: 0; } + body > nav > ul { + width: calc(var(--max-body-width) + 2rem); + margin: 0.5rem auto; + padding-left: 0.5rem; + padding-right: 0.5rem; + } + nav ul li { display: inline-block; position: relative; @@ -625,11 +690,13 @@ li { @media not all and (hover: hover) { nav { padding-top: 2rem; - border-radius: var(--border-radius); - border: var(--border-width) solid var(--border-color); + border-bottom: var(--border-width) solid var(--border-color); background-image: url('data:image/svg+xml;utf8,'); background-repeat: no-repeat; background-position: top; + width: 100vw; + position: relative; + left: calc(-50vw + 50%); } /* stylelint-disable-next-line selector-max-universal */ @@ -716,7 +783,7 @@ button:not([type]):hover:not(:disabled) { background-color: var(--success-hover-color); } -input:not([type="button"]):not([type="checkbox"]):not([type="color"]):not([type="image"]):not([type="radio"]):not([type="reset"]):not([type="submit"]):not([type="file"]):not(:invalid), +input:not([type="button"]):not([type="checkbox"]):not([type="color"]):not([type="image"]):not([type="radio"]):not([type="reset"]):not([type="submit"]):not([type="file"]):not([type="range"]):not(:invalid), textarea, select, fieldset { @@ -768,6 +835,7 @@ tfoot > tr:nth-child(even) { code { background-color: var(--highlighted-background-color); + border-color: var(--highlighted-background-color); } kbd { diff --git a/src/lit.css b/src/lit.css index 8767821..c95d466 100644 --- a/src/lit.css +++ b/src/lit.css @@ -34,6 +34,9 @@ .\32 { width: 15%; } + .\36 { + width: 50%; + } .row { display: table; border-spacing: 1em 0;