mirror of
https://github.com/tiennm99/tsuki.git
synced 2026-05-31 12:11:36 +00:00
tiennm99
d1828c9590
Headline outcomes: - Feature parity with Stack/PaperMod on Tier A polish: breadcrumbs (+BreadcrumbList JSON-LD), prev/next post navigation (rel=prev/next), language switcher UI (gated on hugo.IsMultilingual), code-copy button polish, <details> styling. - Per-page-kind CSS bundles: core loads everywhere; home/single/archive/ search bundles load only where needed. Frees ~1 KB gz from non-post pages. code-copy.js gated to post pages. - Lighthouse-relevant network polish: Pagefind UI CSS preload-swap, conditional preconnect to giscus.app on comment-enabled posts, hreflang alternates on multilingual sites, <meta name=theme-color> light/dark variants, aria-pressed SSR-rendered on theme-toggle. - WCAG AA contrast: --tsuki-fg-subtle darkened to #6b6b6b (light); was 3.54:1 on bg, now 5:1. Pagination disabled uses --tsuki-fg-muted without opacity compound. Header tap targets bumped to 40×40; pagination to 44×44. - i18n: full i18n/en.yml mirror (~50 keys); render-heading aria-label i18n-driven via linkToSection key; new keys for breadcrumb*, prevPost, nextPost, copyCode, copiedCode. - Discovery: /llm.txt output format (llmstxt.org) on home; Speculation Rules opt-in via params.prefetch.enable. - <html lang> fallback: site.Language.LanguageCode → Lang → "en" (was hard-coded "vi"). Per-kind bundle gz sizes on demo: home 3673 / post 4167 / list 2897 / archives 3363 / search 3179 B (all under 4200 B cap). Plan: plans/260510-0144-tsuki-v0.3.0/
18 lines
633 B
CSS
18 lines
633 B
CSS
/* tsuki: search page — Pagefind UI container + token mapping */
|
|
|
|
.search-container { margin-block: var(--tsuki-space-6); min-block-size: 6rem; }
|
|
|
|
/* Pagefind UI tokens — see https://pagefind.app/docs/ui/#styling */
|
|
:root {
|
|
--pagefind-ui-primary: var(--tsuki-accent);
|
|
--pagefind-ui-text: var(--tsuki-fg);
|
|
--pagefind-ui-background: var(--tsuki-bg);
|
|
--pagefind-ui-border: var(--tsuki-border);
|
|
--pagefind-ui-tag: var(--tsuki-code-bg);
|
|
--pagefind-ui-border-width: 1px;
|
|
--pagefind-ui-border-radius: var(--tsuki-radius);
|
|
--pagefind-ui-font: var(--tsuki-font-sans);
|
|
}
|
|
|
|
.search-noscript { color: var(--tsuki-fg-muted); }
|