24 lines
588 B
CSS
24 lines
588 B
CSS
|
/* POC-style Calendar Sliding Animation CSS */
|
||
|
|
|
||
|
|
/* Grid container base styles */
|
||
|
|
swp-grid-container {
|
||
|
|
position: relative;
|
||
|
|
width: 100%;
|
||
|
|
transition: transform 400ms cubic-bezier(0.4, 0, 0.2, 1);
|
||
|
|
will-change: transform;
|
||
|
|
backface-visibility: hidden;
|
||
|
|
transform: translateZ(0); /* GPU acceleration */
|
||
|
|
}
|
||
|
|
|
||
|
|
/* Calendar container for sliding */
|
||
|
|
swp-calendar-container {
|
||
|
|
position: relative;
|
||
|
|
overflow: hidden;
|
||
|
|
}
|
||
|
|
|
||
|
|
/* Accessibility: Respect reduced motion preference */
|
||
|
|
@media (prefers-reduced-motion: reduce) {
|
||
|
|
swp-grid-container {
|
||
|
|
transition: none;
|
||
|
|
}
|
||
|
|
}
|