-
Notifications
You must be signed in to change notification settings - Fork 0
Commit
This commit does not belong to any branch on this repository, and may belong to a fork outside of the repository.
fix example tablet desktop header/footer spacing
- Loading branch information
Showing
4 changed files
with
6 additions
and
3 deletions.
There are no files selected for viewing
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Original file line number | Diff line number | Diff line change |
---|---|---|
@@ -1 +1 @@ | ||
<!DOCTYPE html><html dir="ltr" lang="en"><head><meta http-equiv="content-type" content="text/html; charset=UTF-8"><meta charset="utf-8"><meta content="IE=edge,chrome=1" http-equiv="X-UA-Compatible"><meta content="width=device-width,initial-scale=1,user-scalable=no,minimum-scale=1,maximum-scale=1" name="viewport"><title>Changelog - @squirrel-forge/twighouse</title><meta name="description" content="A simple, but extendable, json+twig render tool for node"><style type="text/css">:root{--theme-color-a:lightseagreen;--theme-color-b:tomato;--theme-contrast-a:whitesmoke;--theme-contrast-b:black;--theme-dark-a:darkslateblue;--theme-dark-b:darkslategrey}*{box-sizing:border-box}html{font-family:monospace;font-size:16px;line-height:1.2;scroll-behavior:smooth;scroll-padding-top:3.2rem}a{display:inline-block}a span{display:inline-block;text-decoration:inherit}body{margin:0;padding:0;color:var(--theme-contrast-b)}main{padding:1rem 0}aside{z-index:1;position:fixed;padding:1rem .5rem 1rem 1rem;top:3.2rem;right:0;max-height:calc(100% - 7.4rem);display:flex;flex-direction:column;background:var(--theme-contrast-a);transition:.2s ease}aside::before{position:absolute;top:.75rem;left:0;width:0;height:0;border-top:1rem solid transparent;border-bottom:1rem solid transparent;border-right:1rem solid var(--theme-contrast-a);transform:translateX(-1rem);content:''}aside div{padding-right:.5rem;width:calc(100% + .5rem);flex-grow:1;overflow:auto}header{z-index:2;background:var(--theme-color-a)}footer{margin-bottom:1rem;background:var(--theme-color-b)}footer,header{width:100%;color:var(--theme-contrast-a)}footer>div,header>div{display:flex}footer>div,header>div,section>div{margin:auto;padding:0 1rem;width:100%;max-width:min(calc(100% - 4rem),980px)}section>div{padding:0 1.5rem}footer>div>span,header>div>a{margin:auto auto auto 0;padding:.5rem;font-weight:700}footer a,footer a:visited,header a,header a:visited{display:inline-block;padding:.5rem;color:inherit;background-color:transparent;opacity:1;transition:.2s ease}header a:focus,header a:hover,header a[data-active=true]{background:var(--theme-dark-a)}footer a:focus,footer a:hover,footer a[data-active=true]{background:var(--theme-dark-b)}footer nav,header nav{margin:auto 0 auto auto}nav ul{list-style:none;margin:0;padding:0;display:flex;flex-direction:row}nav li{display:block;margin:.2rem;padding:0}nav li[data-indent]{padding-left:1rem}aside nav ul{flex-direction:column}main li+li{margin-top:1.5rem}main aside li+li{margin-top:.5rem;margin-left:0}main a{font-weight:700;color:var(--theme-dark-a);transition:.2s ease}main a[target="_blank"]::after{top:-.25rem;margin-left:0}main a:visited{color:var(--theme-dark-b)}main a:focus,main a:hover{color:var(--theme-dark-b)}a[target="_blank"]{position:relative}a[target="_blank"] span{padding-right:.5rem}a[target="_blank"]::after{position:absolute;top:.15rem;margin-left:-.5rem;text-decoration:none;content:'\2197'}aside nav a{text-decoration:none}aside nav a:focus,aside nav a:hover{text-decoration:underline}h1:first-child,h2:first-child,h3:first-child,h4:first-child{margin-top:0}aside h3,h1{color:var(--theme-color-b)}h2,h3,h4{color:var(--theme-color-a)}hr{border-color:var(--theme-color-b)}small{font-size:80%;line-height:inherit}pre{display:block;margin:0}code{display:block;margin:1rem 0;padding:1rem;white-space:pre-wrap;color:var(--theme-dark-a);background:var(--theme-contrast-a);overflow-x:scroll}table{display:block;border-spacing:.2rem;max-width:100%;overflow-x:scroll}td,th{padding:.5rem;vertical-align:top}th{font-weight:700}thead tr,tr:nth-child(even){color:var(--theme-dark-a);background:var(--theme-contrast-a)}tbody tr:nth-child(odd){color:var(--theme-dark-b)}td:nth-child(1),td:nth-child(2),td:nth-child(3){white-space:nowrap;text-align:center}@media screen and (min-width:768px){header{position:fixed;top:0;left:0}main{padding:4rem 0;min-height:calc(100vh - 4.4rem);overflow-x:hidden}}@media screen and (max-width:1300px){aside{transform:translateX(calc(100% - 1rem));filter:drop-shadow(0 0 .1rem var(--theme-contrast-b))}aside:focus,aside:focus-within,aside:hover{transform:translateX(0)}}@media screen and (max-width:767px){html{scroll-padding-top:8rem}footer,header{padding:.5rem 0}footer nav,header nav{margin:0}footer>div,header>div{flex-direction:column}footer>div,header>div,section>div{padding:0;max-width:calc(100% - 2rem)}footer a,header a{width:100%}th:last-child{min-width:60vw}aside{top:8rem;max-height:calc(100% - 15.8rem)}}@media screen and (max-width:320px){th:last-child{min-width:calc(80vw - 2rem)}}</style></head><body data-debug="true"><a id="top"></a><header><div><a href="index.html"><span>@squirrel-forge/twighouse</span></a><nav><ul><li><a href="docs.html"><span>docs</span></a></li><li><a href="changelog.html" data-active="true"><span>changes</span></a></li><li><a href="https://github.com/squirrel-forge/node-twighouse" target="_blank"><span>github</span></a></li><li><a href="https://www.npmjs.com/package/@squirrel-forge/twighouse" target="_blank"><span>npm</span></a></li></ul></nav></div></header><main id="content" class="content"><section><div><h1 id="changelog">Changelog</h1><h2 id="030">0.3.0</h2><ul><li>Some docs, more example data, templates and plugin details</li></ul><h2 id="020">0.2.0</h2><ul><li>Core features prototype</li></ul></div></section><section><div><hr><p><small>This page was generated using <a href="https://github.com/squirrel-forge/node-twighouse#readme" target="_blank">@squirrel-forge/twighouse@0.3.0</a></small></p></div></section></main><footer><div><span>© 2021 @squirrel-forge</span><nav><ul><li><a href="https://github.com/squirrel-forge" target="_blank"><span>@github</span></a></li><li><a href="https://www.npmjs.com/org/squirrel-forge" target="_blank"><span>@npm</span></a></li></ul></nav></div></footer><script type="text/javascript"></script></body></html> | ||
<!DOCTYPE html><html dir="ltr" lang="en"><head><meta http-equiv="content-type" content="text/html; charset=UTF-8"><meta charset="utf-8"><meta content="IE=edge,chrome=1" http-equiv="X-UA-Compatible"><meta content="width=device-width,initial-scale=1,user-scalable=no,minimum-scale=1,maximum-scale=1" name="viewport"><title>Changelog - @squirrel-forge/twighouse</title><meta name="description" content="A simple, but extendable, json+twig render tool for node"><style type="text/css">:root{--theme-color-a:lightseagreen;--theme-color-b:tomato;--theme-contrast-a:whitesmoke;--theme-contrast-b:black;--theme-dark-a:darkslateblue;--theme-dark-b:darkslategrey}*{box-sizing:border-box}html{font-family:monospace;font-size:16px;line-height:1.2;scroll-behavior:smooth;scroll-padding-top:3.2rem}a{display:inline-block}a span{display:inline-block;text-decoration:inherit}body{margin:0;padding:0;color:var(--theme-contrast-b)}main{padding:1rem 0}aside{z-index:1;position:fixed;padding:1rem .5rem 1rem 1rem;top:3.2rem;right:0;max-height:calc(100% - 7.4rem);display:flex;flex-direction:column;background:var(--theme-contrast-a);transition:.2s ease}aside::before{position:absolute;top:.75rem;left:0;width:0;height:0;border-top:1rem solid transparent;border-bottom:1rem solid transparent;border-right:1rem solid var(--theme-contrast-a);transform:translateX(-1rem);content:''}aside div{padding-right:.5rem;width:calc(100% + .5rem);flex-grow:1;overflow:auto}header{z-index:2;background:var(--theme-color-a)}footer{margin-bottom:1rem;background:var(--theme-color-b)}footer,header{width:100%;color:var(--theme-contrast-a)}footer>div,header>div{display:flex}footer>div,header>div,section>div{margin:auto;padding:0 1rem;width:100%;max-width:min(calc(100% - 4rem),980px)}section>div{padding:0 1.5rem}footer>div>span,header>div>a{margin:auto auto auto 0;padding:.5rem;font-weight:700}footer a,footer a:visited,header a,header a:visited{display:inline-block;padding:.5rem;color:inherit;background-color:transparent;opacity:1;transition:.2s ease}header a:focus,header a:hover,header a[data-active=true]{background:var(--theme-dark-a)}footer a:focus,footer a:hover,footer a[data-active=true]{background:var(--theme-dark-b)}footer nav,header nav{margin:auto 0 auto auto}nav ul{list-style:none;margin:0;padding:0;display:flex;flex-direction:row}nav li{display:block;margin:.2rem;padding:0}nav li[data-indent]{padding-left:1rem}aside nav ul{flex-direction:column}main li+li{margin-top:1.5rem}main aside li+li{margin-top:.5rem;margin-left:0}main a{font-weight:700;color:var(--theme-dark-a);transition:.2s ease}main a[target="_blank"]::after{top:-.25rem;margin-left:0}main a:visited{color:var(--theme-dark-b)}main a:focus,main a:hover{color:var(--theme-dark-b)}a[target="_blank"]{position:relative}a[target="_blank"] span{padding-right:.5rem}a[target="_blank"]::after{position:absolute;top:.15rem;margin-left:-.5rem;text-decoration:none;content:'\2197'}aside nav a{text-decoration:none}aside nav a:focus,aside nav a:hover{text-decoration:underline}h1:first-child,h2:first-child,h3:first-child,h4:first-child{margin-top:0}aside h3,h1{color:var(--theme-color-b)}h2,h3,h4{color:var(--theme-color-a)}hr{border-color:var(--theme-color-b)}small{font-size:80%;line-height:inherit}pre{display:block;margin:0}code{display:block;margin:1rem 0;padding:1rem;white-space:pre-wrap;color:var(--theme-dark-a);background:var(--theme-contrast-a);overflow-x:scroll}table{display:block;border-spacing:.2rem;max-width:100%;overflow-x:scroll}td,th{padding:.5rem;vertical-align:top}th{font-weight:700}thead tr,tr:nth-child(even){color:var(--theme-dark-a);background:var(--theme-contrast-a)}tbody tr:nth-child(odd){color:var(--theme-dark-b)}td:nth-child(1),td:nth-child(2),td:nth-child(3){white-space:nowrap;text-align:center}@media screen and (min-width:768px){header{position:fixed;top:0;left:0}main{padding:4rem 0;min-height:calc(100vh - 4.4rem);overflow-x:hidden}nav li{margin:0}}@media screen and (max-width:1300px){aside{transform:translateX(calc(100% - 1rem));filter:drop-shadow(0 0 .1rem var(--theme-contrast-b))}aside:focus,aside:focus-within,aside:hover{transform:translateX(0)}}@media screen and (max-width:767px){html{scroll-padding-top:8rem}footer,header{padding:.5rem 0}footer nav,header nav{margin:0}footer>div,header>div{flex-direction:column}footer>div,header>div,section>div{padding:0;max-width:calc(100% - 2rem)}footer a,header a{width:100%}th:last-child{min-width:60vw}aside{top:8rem;max-height:calc(100% - 15.8rem)}}@media screen and (max-width:320px){th:last-child{min-width:calc(80vw - 2rem)}}</style></head><body data-debug="true"><a id="top"></a><header><div><a href="index.html"><span>@squirrel-forge/twighouse</span></a><nav><ul><li><a href="docs.html"><span>docs</span></a></li><li><a href="changelog.html" data-active="true"><span>changes</span></a></li><li><a href="https://github.com/squirrel-forge/node-twighouse" target="_blank"><span>github</span></a></li><li><a href="https://www.npmjs.com/package/@squirrel-forge/twighouse" target="_blank"><span>npm</span></a></li></ul></nav></div></header><main id="content" class="content"><section><div><h1 id="changelog">Changelog</h1><h2 id="030">0.3.0</h2><ul><li>Some docs, more example data, templates and plugin details</li></ul><h2 id="020">0.2.0</h2><ul><li>Core features prototype</li></ul></div></section><section><div><hr><p><small>This page was generated using <a href="https://github.com/squirrel-forge/node-twighouse#readme" target="_blank">@squirrel-forge/twighouse@0.3.0</a></small></p></div></section></main><footer><div><span>© 2021 @squirrel-forge</span><nav><ul><li><a href="https://github.com/squirrel-forge" target="_blank"><span>@github</span></a></li><li><a href="https://www.npmjs.com/org/squirrel-forge" target="_blank"><span>@npm</span></a></li></ul></nav></div></footer><script type="text/javascript"></script></body></html> |
Oops, something went wrong.