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 "./view-transitions.css";
|
||||
|
||||
@theme {
|
||||
--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