aboutsummaryrefslogtreecommitdiffstats
path: root/internal/web/static/blog.css
diff options
context:
space:
mode:
authorgrm <grm@eyesin.space>2026-09-19 00:04:08 +0300
committergrm <grm@eyesin.space>2026-09-19 00:04:08 +0300
commitc42c56108ebac6673ec5c86f9f0d51f31e8eb2bd (patch)
tree61e20aa8973a3ef628f62063da65245c62ac23af /internal/web/static/blog.css
parent96336d8bacd2bdf81acf9a18e2fe57be9d4e9b4f (diff)
downloadblogspace-c42c56108ebac6673ec5c86f9f0d51f31e8eb2bd.tar.gz
blogspace-c42c56108ebac6673ec5c86f9f0d51f31e8eb2bd.tar.bz2
blogspace-c42c56108ebac6673ec5c86f9f0d51f31e8eb2bd.zip
Remove the menu fold
The header menu no longer folds into a ☰ button: the nav_fold and nav_fold_label options, Layout.Fold/BurgerAt, the burger markup and its checkbox, the fold rules in blog.css and the measuring script on the public page are gone, and the Design tab's preview only sizes its frame again. The public page runs no script of its own once more. Co-Authored-By: Claude Opus 5 <noreply@anthropic.com> Claude-Session: https://claude.ai/code/session_01Sd8UPWrvyYCLj97JexNw3A
Diffstat (limited to 'internal/web/static/blog.css')
-rw-r--r--internal/web/static/blog.css47
1 files changed, 0 insertions, 47 deletions
diff --git a/internal/web/static/blog.css b/internal/web/static/blog.css
index b3b0312..7b91dbe 100644
--- a/internal/web/static/blog.css
+++ b/internal/web/static/blog.css
@@ -49,53 +49,6 @@ img { max-width: 100%; height: auto; }
.nav-spread .site-header .nav-inner { text-align: justify; line-height: 0; }
.nav-spread .site-header .nav-inner > a, .nav-spread .site-header .search-form { line-height: 1.5; }
.nav-spread .site-header .nav-inner::after { content: ""; display: inline-block; width: 100%; }
-/* menu fold (theme nav_fold): the header menu becomes a button when its links
- do not fit. The hidden (offscreen, still focusable) checkbox before the
- header's blocks is the open/closed state; the label is the button, at the
- right of the title or logo block above the menu (.has-burger on that
- block), or in the bar when nothing is above it. Which state applies:
- .nav-folded is set by the page's script when a link wraps, .nav-auto is the
- no-script fallback (folded on phones only) the script removes; the two
- blocks below must stay identical. */
-.nav-toggle { position: absolute; left: -9999px; }
-.nav-burger { display: none; cursor: pointer; font-weight: bold; font-size: 1.2em; line-height: 2em; padding: 0 0.5em; white-space: nowrap; }
-.burger-icon .nb-text, .burger-text .nb-icon { display: none; }
-.burger-both .nb-icon { margin-right: 0.3em; }
-.nav-toggle:focus-visible ~ .has-burger .nav-burger { outline: 2px solid; } /* the keyboard's focus ring, on the button */
-.nav-folded .nav-burger { display: block; }
-.nav-folded .has-burger { position: relative; padding-right: 3.6em; }
-.nav-folded.header-center .has-burger { padding-left: 3.6em; } /* the brand stays centred */
-.nav-folded .has-burger > .nav-burger { position: absolute; right: 1em; top: 50%; margin-top: -1em; }
-.nav-folded .site-nav.has-burger { padding-right: 0; }
-.nav-folded .site-nav.has-burger .nav-inner { padding-left: 0; padding-right: 0; } /* the button keeps its place when the panel opens */
-.nav-folded .site-nav.has-burger .nav-inner > .nav-burger { display: inline-block; margin-left: 0.5em; }
-.nav-folded .site-nav .nav-inner > a, .nav-folded .site-nav .search-form { display: none; }
-.nav-folded .site-nav:not(.has-burger) { border-bottom: 0; } /* the bar is nothing until opened */
-.nav-folded .site-nav:not(.has-burger) .nav-inner { padding: 0; }
-.nav-folded .nav-toggle:checked ~ .site-nav { border-bottom: 1px solid rgba(0,0,0,0.1); }
-.nav-folded .nav-toggle:checked ~ .site-nav .nav-inner { padding: 0.3em 0; text-align: left; line-height: 1.5; }
-.nav-folded .nav-toggle:checked ~ .site-nav .nav-inner > a { display: block; padding: 0.6em 1.2em; }
-.nav-folded .nav-toggle:checked ~ .site-nav .nav-inner::after { display: none; }
-.nav-folded .nav-toggle:checked ~ .site-nav .search-form { display: block; float: none; margin: 0.4em 1.2em; }
-.nav-folded .nav-toggle:checked ~ .site-nav .search-form input { width: 100%; }
-@media (max-width: 700px) {
- .nav-auto .nav-burger { display: block; }
- .nav-auto .has-burger { position: relative; padding-right: 3.6em; }
- .nav-auto.header-center .has-burger { padding-left: 3.6em; }
- .nav-auto .has-burger > .nav-burger { position: absolute; right: 1em; top: 50%; margin-top: -1em; }
- .nav-auto .site-nav.has-burger { padding-right: 0; }
- .nav-auto .site-nav.has-burger .nav-inner { padding-left: 0; padding-right: 0; } /* the button keeps its place when the panel opens */
- .nav-auto .site-nav.has-burger .nav-inner > .nav-burger { display: inline-block; margin-left: 0.5em; }
- .nav-auto .site-nav .nav-inner > a, .nav-auto .site-nav .search-form { display: none; }
- .nav-auto .site-nav:not(.has-burger) { border-bottom: 0; }
- .nav-auto .site-nav:not(.has-burger) .nav-inner { padding: 0; }
- .nav-auto .nav-toggle:checked ~ .site-nav { border-bottom: 1px solid rgba(0,0,0,0.1); }
- .nav-auto .nav-toggle:checked ~ .site-nav .nav-inner { padding: 0.3em 0; text-align: left; line-height: 1.5; }
- .nav-auto .nav-toggle:checked ~ .site-nav .nav-inner > a { display: block; padding: 0.6em 1.2em; }
- .nav-auto .nav-toggle:checked ~ .site-nav .nav-inner::after { display: none; }
- .nav-auto .nav-toggle:checked ~ .site-nav .search-form { display: block; float: none; margin: 0.4em 1.2em; }
- .nav-auto .nav-toggle:checked ~ .site-nav .search-form input { width: 100%; }
-}
.body-wrap { padding: 1.5em 1em; }
.content { padding: 1.5em 2em; border-radius: 6px; box-shadow: 0 1px 3px rgba(0,0,0,0.15); }
.page-title { margin-top: 0; }