From 5052fb182550589783c36ef842c6160f7ebde5ec Mon Sep 17 00:00:00 2001 From: Vinnie Falco Date: Wed, 7 Aug 2024 14:41:54 -0700 Subject: [PATCH] layout --- boostlook.css | 61 +++++++++++++++++++++++++++++++++++++++++++++++++++ boostlook.rb | 1 + 2 files changed, 62 insertions(+) diff --git a/boostlook.css b/boostlook.css index 759c00a..f1d680e 100644 --- a/boostlook.css +++ b/boostlook.css @@ -130,3 +130,64 @@ font-weight: 550; border: 1px solid #e8e8e8; padding: 0.25em 0.55em; } + +/*----------------------------------------------*/ + +:root { +--color-pasteboard: rgb(209, 213, 219); +} + +body.article { + background-color: var(--color-pasteboard); +} + +body.article .doc { + display: grid; + grid-template-areas: + "header content" + ". footer"; + grid-template-columns: auto 1fr; + grid-template-rows: 1fr auto; + min-height: 100vh; + max-width: 80rem; + margin-left: auto; + margin-right: auto; + gap: 1rem; + padding: 1rem; +} + +#toc > ul { + margin-left:.125em; +} +#toc ul { + margin: 0; + padding: 0; + line-height: 1.2; + font-size: 0.85rem; + list-style: none; +} + +#toc ul { + padding-left: 0.5rem; +} + +.doc > #header, +.doc > #content, +.doc > #footer { + background-color: white; + border-radius: 1rem; + padding: 1rem; +} + +#header { + grid-area: header; + height: fit-content; +} + +#content { + grid-area: content; +} + +#footer { + grid-area: footer; +} diff --git a/boostlook.rb b/boostlook.rb index 4ecdefb..2d37df5 100644 --- a/boostlook.rb +++ b/boostlook.rb @@ -3,6 +3,7 @@ Asciidoctor::Extensions.register do process do |doc, output| output = output.sub(//, '
') output = output.sub(/<\/body>/, "
") + #output = output.sub(/<\/body>/, "") end end end