diff options
| author | Linnea Gräf <nea@nea.moe> | 2024-11-17 04:01:17 +0100 |
|---|---|---|
| committer | Linnea Gräf <nea@nea.moe> | 2024-11-17 04:27:36 +0100 |
| commit | 430ef35386e79386f84665f6bd8d54c31e45e018 (patch) | |
| tree | 44d1471944b6b1954d028189598132ba7f3e53d6 /web/src/layouts | |
| parent | a1b2a399efd9ff1c8b3b0dfd71b59c7de28728ea (diff) | |
| download | Firmament-430ef35386e79386f84665f6bd8d54c31e45e018.tar.gz Firmament-430ef35386e79386f84665f6bd8d54c31e45e018.tar.bz2 Firmament-430ef35386e79386f84665f6bd8d54c31e45e018.zip | |
feat(web): Move over some docs
Diffstat (limited to 'web/src/layouts')
| -rw-r--r-- | web/src/layouts/Content.astro | 63 |
1 files changed, 63 insertions, 0 deletions
diff --git a/web/src/layouts/Content.astro b/web/src/layouts/Content.astro new file mode 100644 index 0000000..51ad0b8 --- /dev/null +++ b/web/src/layouts/Content.astro @@ -0,0 +1,63 @@ +--- +--- + +<div class="w-3/5 mx-auto px-2 firm-content my-5"> + <slot></slot> +</div> +<style is:global> + .firm-content { + min-width: 70%; + width: 60em; + max-width: 100%; + line-height: 1.4; + } + + .firm-content * { + margin-bottom: 1em; + } + + .firm-content pre { + padding: 0.3em; + } + + .firm-content h1 { + font-size: 2em; + line-height: 1.8; + font-weight: bold; + } + + .firm-content h2 { + font-size: 1.7em; + line-height: 1.8; + font-weight: bold; + } + + .firm-content h3 { + font-size: 1.4em; + line-height: 1.3; + font-weight: bold; + } + + .firm-content th { + border-bottom: 1px solid aliceblue; + } + + .firm-content tr:nth-child(2n) { + background: #383b3c; + } + + .firm-content h4 { + font-size: 1.2em; + line-height: 1.3; + font-weight: bold; + } + + .firm-content a { + color: rgb(59 130 246); + transition: 300ms ease-in-out; + } + + .firm-content a:hover { + color: rgb(96 165 250); + } +</style> |