37 lines
870 B
CSS
37 lines
870 B
CSS
:root {
|
|
--swiper-pagination-bullet-border-radius: 0;
|
|
--swiper-pagination-bullet-height: 2px;
|
|
--swiper-pagination-bullet-width: 100%;
|
|
--swiper-pagination-bullet-horizontal-gap: 0px;
|
|
--swiper-theme-color: var(
|
|
--wp--preset--color--primary
|
|
) !important;
|
|
--swiper-pagination-color: var(
|
|
--color-primary
|
|
) !important;
|
|
}
|
|
|
|
.swiper-pagination {
|
|
@apply h-fit flex gap-12 !static mt-12;
|
|
top: unset !important;
|
|
bottom: 0px !important;
|
|
z-index: 100 !important;
|
|
}
|
|
|
|
.swiper-pagination-bullet {
|
|
@apply bg-primary w-full;
|
|
}
|
|
|
|
.swiper-controls {
|
|
@apply flex justify-start gap-6 pt-12 static;
|
|
.swiper-button-next,
|
|
.swiper-button-prev {
|
|
@apply static block border border-primary p-12 rounded-full;
|
|
&:after {
|
|
@apply left-1/2 top-1/2 block w-fit;
|
|
|
|
transform: translate(-50%, -50%);
|
|
}
|
|
}
|
|
}
|