Gagan7900
69 lines
1.1 KiB
SCSS
69 lines
1.1 KiB
SCSS
/* Start Swiper Carousel Styles */
|
|
|
|
.swiper {
|
|
@apply w-full h-full;
|
|
|
|
}
|
|
[dir="rtl"] {
|
|
.swiper {
|
|
direction: ltr;
|
|
}
|
|
}
|
|
.swiper-cube .swiper-cube-shadow:before {
|
|
@apply bg-transparent;
|
|
}
|
|
|
|
.swiper-slide img {
|
|
@apply block w-full h-full object-cover rounded-sm;
|
|
}
|
|
|
|
.swiper-button-next,
|
|
.swiper-button-prev {
|
|
@apply dark:text-white bg-black/20 py-2 px-4 rounded-full h-auto;
|
|
}
|
|
|
|
.swiper-button-next:after,
|
|
.swiper-button-prev:after {
|
|
@apply text-base text-white;
|
|
}
|
|
|
|
.swiper-pagination-bullet-active {
|
|
@apply bg-white;
|
|
}
|
|
|
|
.swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
|
|
@apply bg-primary;
|
|
}
|
|
|
|
.mySwiper7.swiper-free-mode {
|
|
|
|
&.swiper-horizontal>.swiper-pagination-bullets,
|
|
.swiper-pagination-bullets.swiper-pagination-horizontal,
|
|
.swiper-pagination-custom,
|
|
.swiper-pagination-fraction {
|
|
@apply -bottom-4 pt-1 sticky;
|
|
}
|
|
}
|
|
|
|
[dir="rtl"] {
|
|
.swiper {
|
|
direction:ltr;
|
|
}
|
|
}
|
|
.swiper-slide{
|
|
img {
|
|
@apply block h-full w-full object-cover;
|
|
}
|
|
}
|
|
|
|
/* End Swiper Carousel Styles */
|
|
|
|
|
|
.swiper-view .swiper-slide {
|
|
@apply opacity-40!;
|
|
}
|
|
|
|
.swiper-view .swiper-slide-thumb-active {
|
|
@apply opacity-100!;
|
|
}
|