feat(css): cross-document view transitions
Release / build-and-push (push) Successful in 3m15s

@view-transition { navigation: auto; } lets Chrome 126+ / Safari 18+
crossfade same-origin navigations — sidebar links and the series
page's library-switch navigation get a subtle fade with zero
JavaScript, softening the switch to full SSR navigation. Pure
progressive enhancement: Firefox and older browsers simply navigate
instantly. style.css regenerated via build:css:prod.
This commit is contained in:
John O'Keefe committed 2026-10-19 12:40:44 -04:00
1 parent a8641ab343
commit f7dc8189a1
2 files changed
+13 -1

No files matched your search

+12
View File
@@ -3,6 +3,18 @@
@tailwind components;
@tailwind utilities;
/*
* Cross-document view transitions (the optional sweetener): modern
* browsers (Chrome 126+, Safari 18+) crossfade same-origin navigations —
* sidebar links and the series page's library-switch navigation get a
* subtle fade for free, with zero JavaScript. Firefox and older browsers
* simply navigate instantly; the rule is pure progressive enhancement.
*/
@view-transition {
navigation: auto;
}
@layer base {
/*
* Default :root mirrors the Tokyo Night theme so the palette is correct