From 0063bf9d2b2c416a6317cf45f68847b5720aab49 Mon Sep 17 00:00:00 2001 From: Collin Williams <96917990+bluedragon1221@users.noreply.github.com> Date: Sun, 10 May 2026 14:46:07 -0500 Subject: updates and new post: 'Summer of PLT' --- prose.css | 82 ++++++++++++++++++++++----------------------------------------- 1 file changed, 28 insertions(+), 54 deletions(-) (limited to 'prose.css') diff --git a/prose.css b/prose.css index a9f6dc1..0babb5e 100644 --- a/prose.css +++ b/prose.css @@ -1,50 +1,8 @@ @import url('https://fonts.googleapis.com/css2?family=Gelasio:ital,wght@0,400..700;1,400..700&display=swap'); -html, -body { - overflow-x: hidden; - overflow-y: auto; -} - -body { - display: grid; - grid-template-columns: minmax(0, 1fr) minmax(0, 75ch) minmax(0, 1fr); - align-items: start; - column-gap: 2rem; - padding: 2rem 1.25rem 4rem; -} - -.toc { - grid-column: 1; - width: min(17rem, 22vw); - position: fixed; - top: 32px; - left: max(0.75rem, calc(50vw - 37.5ch - 20rem)); - max-height: calc(100vh - 2rem); - overflow-y: auto; - padding-right: 0.75rem; - z-index: 1; -} - -.toc ul { - margin: 0; - padding-left: 1rem; -} - -.toc li { - margin-bottom: 0.35rem; -} - .content { - grid-column: 2; width: 100%; - margin: 0 auto; - padding: 0 0 2rem; max-width: 75ch; - height: auto; - flex-grow: 0; - flex-shrink: 1; - overflow: visible; } p { @@ -57,12 +15,23 @@ p { a { color: #4DA3FF; transition: color 0.2s ease, background-color 0.2s ease; + border-radius: 3px; + + &:hover { + background-color: #4DA3FF; + color: #121212; + text-decoration: none; + } +} + +code { + font-family: 'Roboto Mono'; + font-size: 0.9rem; + color: #00ff78; } -a:hover { - background-color: #4DA3FF; - color: #121212; - text-decoration: none; +li { + font-family: 'Gelasio'; } li::marker { @@ -105,15 +74,20 @@ p.comment { padding: 1rem 1rem 3rem; } - .toc { - position: static; - width: auto; - max-height: none; - margin-bottom: 1.25rem; - padding-right: 0; - } - .content { padding: 0; } } + +summary { + font-family: 'Gelasio'; + color: #888; + + &::marker { + color: #888; + } +} + +code .path { + color: #888; +} -- cgit v1.3.1