Files
gsap-carousel/src/widgets/TimeFrameSlider/ui/EventsCarousel/EventsCarousel.module.scss

51 lines
771 B
SCSS
Raw Normal View History

.container {
position: relative;
opacity: 0;
}
.prevButtonWrapper {
position: absolute;
top: 50%;
left: -60px;
z-index: 10;
transform: translateY(-50%);
transition: opacity 0.3s ease;
}
.nextButtonWrapper {
position: absolute;
top: 50%;
right: -60px;
z-index: 10;
transform: translateY(-50%) rotate(180deg);
transition: opacity 0.3s ease;
}
.hidden {
opacity: 0;
pointer-events: none;
}
2025-11-23 13:15:45 +03:00
:global(.swiper) {
@container timeframe-slider (width <= 768px) {
padding: 0 40px;
2025-11-23 13:15:45 +03:00
}
}
:global(.swiper-slide-visible) {
transition: opacity 0.3s ease;
@container timeframe-slider (width < 768px) {
opacity: 0.4;
}
}
:global(.swiper-slide-fully-visible) {
opacity: 1;
}