mirror of
https://github.com/Patiun/com.gregkilmer.www.git
synced 2026-11-08 04:08:24 +00:00
General Update
This commit is contained in:
+18
-1
@@ -236,7 +236,7 @@
|
||||
}
|
||||
.btn-secondary {
|
||||
background: transparent;
|
||||
color: var(--color-text);
|
||||
color: var(--text);
|
||||
border: 1.5px solid var(--color-border);
|
||||
}
|
||||
.btn-secondary:hover {
|
||||
@@ -291,3 +291,20 @@
|
||||
transition: none;
|
||||
}
|
||||
}
|
||||
|
||||
/* ---------------------------------------------------------------------------
|
||||
* View Transition name utility. Assigns `view-transition-name: sky` to a single
|
||||
* hero/section field per page so the browser morphs the star/circuit field as
|
||||
* one element across navigations (constellations <-> circuitry).
|
||||
*
|
||||
* IMPORTANT: the View Transitions API requires this name to be UNIQUE within a
|
||||
* page snapshot. Assigning it to more than one element per page throws
|
||||
* "Unexpected duplicate view-transition-name: sky" and aborts the transition.
|
||||
* Only ONE field per page should ever carry `.vt-sky`.
|
||||
*
|
||||
* Implemented as a CSS class (not React inline style) so SSR + hydration
|
||||
* attributes match exactly and React never rewrites the property.
|
||||
* ------------------------------------------------------------------------- */
|
||||
.vt-sky {
|
||||
view-transition-name: sky;
|
||||
}
|
||||
|
||||
Reference in New Issue
Block a user