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:01:50 +0100 |
| commit | a1fe3d8e4e72761f814a8876035c5c80cf068391 (patch) | |
| tree | 69dd2f51ae7271265deebe4f11f1f5e5cb78c5a2 /web/src/layouts/Content.astro | |
| parent | 46e436ca043c7a969e3296b368cc4a14550e375c (diff) | |
| download | Firmament-feat/web.tar.gz Firmament-feat/web.tar.bz2 Firmament-feat/web.zip | |
feat(web): Move over some docsfeat/web
Diffstat (limited to 'web/src/layouts/Content.astro')
| -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> |