fix: remove unused view transitions CSS causing navigation errors (#107)
This commit is contained in:
parent
1d9a503335
commit
937665ef95
@ -1,5 +1,4 @@
|
|||||||
@import "tailwindcss";
|
@import "tailwindcss";
|
||||||
@import "./view-transitions.css";
|
|
||||||
|
|
||||||
@theme {
|
@theme {
|
||||||
--container-8xl: 88rem;
|
--container-8xl: 88rem;
|
||||||
|
|||||||
@ -1,55 +0,0 @@
|
|||||||
/* ============================================
|
|
||||||
View Transitions API - Route Animations
|
|
||||||
============================================ */
|
|
||||||
|
|
||||||
/* Opt-in to view transitions */
|
|
||||||
@view-transition {
|
|
||||||
navigation: auto;
|
|
||||||
}
|
|
||||||
|
|
||||||
/* Named view transitions - only animate main content */
|
|
||||||
.main-content {
|
|
||||||
view-transition-name: main-content;
|
|
||||||
}
|
|
||||||
|
|
||||||
/* Exclude sidebar and tab bar from view transitions entirely */
|
|
||||||
.sidebar,
|
|
||||||
.tab-bar {
|
|
||||||
view-transition-name: none;
|
|
||||||
}
|
|
||||||
|
|
||||||
/* Fade transition for all navigation */
|
|
||||||
::view-transition-old(main-content) {
|
|
||||||
animation: vt-fade-out 150ms ease-out forwards;
|
|
||||||
}
|
|
||||||
|
|
||||||
::view-transition-new(main-content) {
|
|
||||||
animation: vt-fade-in 150ms ease-out forwards;
|
|
||||||
}
|
|
||||||
|
|
||||||
/* Keyframes */
|
|
||||||
@keyframes vt-fade-in {
|
|
||||||
from {
|
|
||||||
opacity: 0;
|
|
||||||
}
|
|
||||||
to {
|
|
||||||
opacity: 1;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
@keyframes vt-fade-out {
|
|
||||||
from {
|
|
||||||
opacity: 1;
|
|
||||||
}
|
|
||||||
to {
|
|
||||||
opacity: 0;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
/* Reduce motion for users who prefer it */
|
|
||||||
@media (prefers-reduced-motion: reduce) {
|
|
||||||
::view-transition-old(main-content),
|
|
||||||
::view-transition-new(main-content) {
|
|
||||||
animation: none;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
Loading…
x
Reference in New Issue
Block a user