From 77e18935f5f0b63526db096117251387695a7de1 Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?Be=C3=B1at=20Espi=C3=B1a?= Date: Mon, 9 Nov 2026 20:46:56 +0100 Subject: [PATCH] fix: keep the reading line's timeline out of the animation shorthand The production minifier folded animation-timeline into the animation shorthand, which cannot carry a timeline, so browsers dropped the whole declaration and the line stayed at zero. In dev the CSS is not minified, which is why it worked there. The timeline now lives in its own rule. --- src/components/blog/post-page.astro | 7 +++++++ 1 file changed, 7 insertions(+) diff --git a/src/components/blog/post-page.astro b/src/components/blog/post-page.astro index 061bc32..4ad85a5 100644 --- a/src/components/blog/post-page.astro +++ b/src/components/blog/post-page.astro @@ -175,6 +175,13 @@ const structuredData = { transform: scaleX(0); transform-origin: 0 50%; animation: read linear both; + } + + /* + * Its own rule, after the shorthand: in one rule the minifier folds the timeline into + * `animation`, which cannot carry one, and the browser drops the whole declaration. + */ + .post .progress { animation-timeline: --post; animation-range: contain 0% contain 100%; }