┌─ ASTRO ────────────────────────────────────────────────────────────────────┐│ --- ││ // Click handler is delegated in ArticleLayout: this component renders ││ // twice (wide + narrow frame), so a per-instance script would bind ││ // twice and the toggles would cancel out. ││ // NB: nothing may follow the button - this renders inside the masthead ││ // <pre>, where a trailing newline or comment becomes a visible cell. ││ import "./ThemeToggle.scss"; ││ --- ││ <button ││ type="button" ││ class="theme-toggle" ││ aria-label="Toggle dark mode" ││ title="Toggle dark mode" ││ >[ <span class="theme-toggle-icon" aria-hidden="true">?</span> ]</button> │└────────────────────────────────────────────────────────────────────────────────────┘
┌─ ASTRO ──────────────────────────────┐│ --- ││ // Click handler is delegated in ArticleLayo ││ ut: this component renders ││ // twice (wide + narrow frame), so a per-ins ││ tance script would bind ││ // twice and the toggles would cancel out. ││ // NB: nothing may follow the button - this ││ renders inside the masthead ││ // <pre>, where a trailing newline or commen ││ t becomes a visible cell. ││ import "./ThemeToggle.scss"; ││ --- ││ <button ││ type="button" ││ class="theme-toggle" ││ aria-label="Toggle dark mode" ││ title="Toggle dark mode" ││ >[ <span class="theme-toggle-icon" aria-hidd ││ en="true">?</span> ]</button> │└──────────────────────────────────────────────┘