docs(css[structure]): move view transitions section after image rules

tony · tony · commit 107f104ff688 · 2026-03-14T04:45:44.000-05:00
why: The view transitions block was inserted between the "Image layout
shift prevention" section header and its rules, orphaning the comment.
what:
- Move view transitions comment + rules to end of file
- Keep image section header contiguous with its img/badge rules
diff --git a/docs/_static/css/custom.css b/docs/_static/css/custom.css
@@ -198,15 +198,6 @@ article {
  * content-visibility and badge-specific height to prevent CLS.
  * ────────────────────────────────────────────────────────── */
 
-/* ── View Transitions (SPA navigation) ────────────────────
- * Crossfade between pages during SPA navigation.
- * Browsers without View Transitions API get instant swap.
- * ────────────────────────────────────────────────────────── */
-::view-transition-old(root),
-::view-transition-new(root) {
-  animation-duration: 150ms;
-}
-
 img {
   content-visibility: auto;
 }
@@ -244,3 +235,12 @@ img[src*="codecov.io"] {
   border-radius: 3px;
   background: var(--color-background-secondary);
 }
+
+/* ── View Transitions (SPA navigation) ────────────────────
+ * Crossfade between pages during SPA navigation.
+ * Browsers without View Transitions API get instant swap.
+ * ────────────────────────────────────────────────────────── */
+::view-transition-old(root),
+::view-transition-new(root) {
+  animation-duration: 150ms;
+}
