diff --git a/layouts/partials/tagline.html b/layouts/partials/tagline.html index 7a7c7fc..f1dd97b 100644 --- a/layouts/partials/tagline.html +++ b/layouts/partials/tagline.html @@ -11,4 +11,4 @@ } window.addEventListener("pageshow", getTagline); -
+
diff --git a/static/css/custom.css b/static/css/custom.css index 3e23b07..b347497 100644 --- a/static/css/custom.css +++ b/static/css/custom.css @@ -14,10 +14,17 @@ url('https://cdn.runtimeterror.dev/fonts/BerkeleyMono-Regular.woff2') format('woff2'), } -/* override page max-width */ +/* minor layout tweaks */ .page { max-width: 72rem; - grid-template-columns: minmax(0, 1fr) 16rem; +} + +.page__body { + margin: 1rem; +} + +.page__aside { + margin: 0 1rem 0 0; } @@ -246,11 +253,15 @@ input { background-color: var(--off-bg); color: var(--off-fg); height: 1.5rem; - border-radius: 0.25rem; + border-radius: 0.25rem 0 0 0.25rem; padding-left: 0.5rem; font-family: var(--font-monospace); } +form { + width:auto; +} + input:focus { outline: none; } @@ -273,7 +284,6 @@ form button { grid-template-columns: repeat(auto-fit, minmax(12rem, 1fr)); grid-gap: 0.5rem; margin: 0.5rem 0; - } .tagsArchive sup { @@ -357,11 +367,20 @@ p:has(+ ul) { margin-bottom: 0; } -/* tagline cursor animation */ +/* tagline tweaks */ +#tagline_container { + height: 3rem; +} + +#tagline { + font-size: 0.8rem; + line-height: 0.8rem; +} + #tagline::after { content: ""; width: 0.5rem; - height: 1.2rem; + height: 1rem; background: var(--muted); display: inline-block; margin-left: 0.2rem;