mirror of
https://github.com/tiennm99/tsuki.git
synced 2026-05-23 10:25:30 +00:00
tiennm99
c96cea81c6
- search/list.html: Pagefind UI container + module init with full vi
i18n strings; loads /pagefind/pagefind-ui.{css,js} from generated dir
- search-button.html in header, gated by params.search.enable
- comments.html for Giscus, opt-in via params.comments.giscus.enable;
reads repo/repoId/category/categoryId/mapping/theme/lang from params
- giscus-theme.js: MutationObserver on data-theme, postMessage iframe
on toggle so Giscus theme stays in sync with site
- search.css: header-actions row, search button, Pagefind UI tokens
mapped to tsuki design tokens
- comments.css: min-block-size on iframe to prevent layout shift
- exampleSite/hugo.yaml: commented giscus params block as docs
- i18n/vi.yml: Pagefind UI strings (clear, loadMore, zeroResults...)
Both features no-op when disabled. CSS bundle 3.5 KB gz (budget 15).
15 lines
430 B
CSS
15 lines
430 B
CSS
/* tsuki: Giscus comments — reserve space to prevent layout shift on iframe load */
|
|
|
|
.comments {
|
|
margin-block-start: var(--tsuki-space-12);
|
|
padding-block-start: var(--tsuki-space-8);
|
|
border-block-start: 1px solid var(--tsuki-border);
|
|
}
|
|
.comments-heading {
|
|
font-size: var(--tsuki-fs-xl);
|
|
margin: 0 0 var(--tsuki-space-4);
|
|
}
|
|
.giscus,
|
|
.giscus-frame { min-block-size: 12rem; }
|
|
.giscus-frame { width: 100%; border: none; }
|