diff options
| author | grm <grm@eyesin.space> | 2026-09-13 00:45:06 +0300 |
|---|---|---|
| committer | grm <grm@eyesin.space> | 2026-09-13 00:45:06 +0300 |
| commit | e671381121a63422f0cf4d5b0842f80109a12d20 (patch) | |
| tree | 9c6d218ea58930fecdd9520beb48b5afad9642e1 /internal/web/static | |
| parent | d11e4c9544f544b3a024c7ac705a674b4096cf50 (diff) | |
| download | blogspace-e671381121a63422f0cf4d5b0842f80109a12d20.tar.gz blogspace-e671381121a63422f0cf4d5b0842f80109a12d20.tar.bz2 blogspace-e671381121a63422f0cf4d5b0842f80109a12d20.zip | |
Drop the content width option: the page is always full width
With the column grid, a centred max-width box meant the main content did
not fill the page when no side columns were shown. The column
percentages now divide the whole page; a blogger who wants a narrower,
centred main column keeps the columns' space instead.
Co-Authored-By: Claude Opus 5 <noreply@anthropic.com>
Claude-Session: https://claude.ai/code/session_01Sd8UPWrvyYCLj97JexNw3A
Diffstat (limited to 'internal/web/static')
| -rw-r--r-- | internal/web/static/blog.css | 3 |
1 files changed, 1 insertions, 2 deletions
diff --git a/internal/web/static/blog.css b/internal/web/static/blog.css index c785ca6..d4465a2 100644 --- a/internal/web/static/blog.css +++ b/internal/web/static/blog.css @@ -1,7 +1,7 @@ /* Public blog base styles — colours, fonts and widths come from the inline theme <style>. */ * { box-sizing: border-box; } img { max-width: 100%; height: auto; } -.wrap { padding: 0 1em; } +.wrap { padding: 0 1em; } /* full width; the columns' percentages divide the page */ .site-header { padding: 0; } .header-image img { display: block; width: 100%; max-height: 320px; object-fit: cover; } .header-text { padding: 1.4em 1em; } @@ -56,7 +56,6 @@ img { max-width: 100%; height: auto; } flexbox puts the left column before it. Widths come from the theme CSS. Browsers without flexbox see the columns stacked, which still reads fine. */ .cols { display: flex; flex-wrap: wrap; align-items: flex-start; } -body.has-left .wrap, body.has-right .wrap { max-width: none; } /* side columns: use the whole page */ .col { width: 100%; } .col-left { order: -1; padding-right: 1.5em; } .col-right { padding-left: 1.5em; } |