diff options
Diffstat (limited to 'doc/src/css')
| -rw-r--r-- | doc/src/css/prism.css | 4 | ||||
| -rw-r--r-- | doc/src/css/style.css | 173 |
2 files changed, 177 insertions, 0 deletions
diff --git a/doc/src/css/prism.css b/doc/src/css/prism.css new file mode 100644 index 0000000..b6ab8b3 --- /dev/null +++ b/doc/src/css/prism.css @@ -0,0 +1,4 @@ +/* PrismJS 1.29.0 +https://prismjs.com/download.html#themes=prism-tomorrow&languages=markup+css+clike+bash+go+go-module+makefile+markdown+yaml&plugins=line-numbers+highlight-keywords */ +code[class*=language-],pre[class*=language-]{color:#ccc;background:0 0;font-family:Consolas,Monaco,'Andale Mono','Ubuntu Mono',monospace;font-size:1em;text-align:left;white-space:pre;word-spacing:normal;word-break:normal;word-wrap:normal;line-height:1.5;-moz-tab-size:4;-o-tab-size:4;tab-size:4;-webkit-hyphens:none;-moz-hyphens:none;-ms-hyphens:none;hyphens:none}pre[class*=language-]{padding:1em;margin:.5em 0;overflow:auto}:not(pre)>code[class*=language-],pre[class*=language-]{background:#2d2d2d}:not(pre)>code[class*=language-]{padding:.1em;border-radius:.3em;white-space:normal}.token.block-comment,.token.cdata,.token.comment,.token.doctype,.token.prolog{color:#999}.token.punctuation{color:#ccc}.token.attr-name,.token.deleted,.token.namespace,.token.tag{color:#e2777a}.token.function-name{color:#6196cc}.token.boolean,.token.function,.token.number{color:#f08d49}.token.class-name,.token.constant,.token.property,.token.symbol{color:#f8c555}.token.atrule,.token.builtin,.token.important,.token.keyword,.token.selector{color:#cc99cd}.token.attr-value,.token.char,.token.regex,.token.string,.token.variable{color:#7ec699}.token.entity,.token.operator,.token.url{color:#67cdcc}.token.bold,.token.important{font-weight:700}.token.italic{font-style:italic}.token.entity{cursor:help}.token.inserted{color:green} +pre[class*=language-].line-numbers{position:relative;padding-left:3.8em;counter-reset:linenumber}pre[class*=language-].line-numbers>code{position:relative;white-space:inherit}.line-numbers .line-numbers-rows{position:absolute;pointer-events:none;top:0;font-size:100%;left:-3.8em;width:3em;letter-spacing:-1px;border-right:1px solid #999;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.line-numbers-rows>span{display:block;counter-increment:linenumber}.line-numbers-rows>span:before{content:counter(linenumber);color:#999;display:block;padding-right:.8em;text-align:right} diff --git a/doc/src/css/style.css b/doc/src/css/style.css new file mode 100644 index 0000000..ecafdc0 --- /dev/null +++ b/doc/src/css/style.css @@ -0,0 +1,173 @@ +/** + * Copyright (c) 2023 Nicolas Paul All rights reserved. + * Use of this source code is governed by a BSD-style + * license that can be found in the LICENSE file. + */ + +:root { + /* Dark moss green */ + --color-primary: #606c37; + /* Eerie black */ + --color-dark: #191919; + /* White */ + --color-light: #ffffff; +} + +/* Dark theme */ +@media (prefers-color-scheme: dark) { + :root { + --color-primary: #606c37; + --color-light: #191919; + --color-dark: #ffffff; + } +} + +/* General */ +body { + font-family: system-ui, -apple-system, BlinkMacSystemFont, sans-serif; + background-color: var(--color-light); +} + +/* Main */ +main { + background-color: var(--color-light); + color: var(--color-dark); + margin-top: 1rem; + margin-bottom: 3rem; + justify-content: center; +} + +main p, +main li, +main h1, +main h2, +main h3, +main h4, +main h5, +main h6 { + max-width: 72ch; +} + +main a { + color: var(--color-primary); +} + +/* Logo */ +img.logo { + width: 50%; + height: auto; +} + +/* Header */ +.header { + background-color: var(--color-light); + color: var(--color-dark); + display: grid; + grid-template-columns: repeat(2, 1fr); + gap: 1rem; +} + +.header-container-right, +.header-container-left { + display: flex; + align-items: center; +} + +.header-container-left { + justify-content: flex-start; +} + +.header-container-right { + justify-content: flex-end; +} + +.header-container-right ul { + list-style: none; + padding-left: 0px; + text-align: right; +} + +.header-container-right h3 { + font-size: 90%; + margin: 0px; +} + +a.header-link { + text-decoration: none; + color: var(--color-dark) +} + +a.header-link:hover { + text-decoration: none; + color: var(--color-primary) +} + +/* Footer */ +.footer { + background-color: var(--color-light); + color: var(--color-dark); + font-size: small; +} + +a.footer-link { + text-decoration: none; + color: var(--color-dark) +} + +a.footer-link:hover { + color: var(--color-primary); +} + +.footer-nav { + display: grid; + grid-template-columns: repeat(auto-fit, minmax(300px, 1fr)); +} + +.footer-branding { + display: flex; + gap: 1.5rem; +} + +.footer-column-left { + display: flex; + flex-direction: column; + align-items: flex-start; + text-align: left; +} + +.footer-column-right { + display: flex; + flex-direction: column; + align-items: flex-end; + text-align: right; +} + +.footer-column-right p { + max-width: 50ch; +} + +.footer-column-left ul { + list-style-type: none; + padding-left: 0; +} + +/* On small screens, center the footer as we only gave on column */ +@media (max-width: 600px) { + .footer-branding { + display: flex; + flex-direction: column; + align-items: center; + text-align: center; + } + + .footer-column-left { + align-items: center; + text-align: center; + } + + .footer-column-right { + display: flex; + align-items: center; + text-align: center; + } +}
\ No newline at end of file |