Antoine/carhop__carhop-theme__DEV
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

FEATURE Optimizing swiper css aspect and behaviour
All checks were successful
continuous-integration/drone/push Build is passing
Details

Browse Source
This commit is contained in:
Antoine M 2025-06-18 16:26:49 +02:00
parent adc4dc64da
commit be5249236a
1 changed files with 15 additions and 5 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

20
resources/css/libs/swiper.css
View File

@ -6,20 +6,27 @@
--swiper-theme-color: var( --swiper-theme-color: var(
--wp--preset--color--primary --wp--preset--color--primary
) !important; ) !important;
--swiper-pagination-color: var( --swiper-pagination-color: transparent !important;
--color-primary --swiper-pagination-bullet-inactive-color: transparent !important;
) !important;
} }
.swiper-pagination { .swiper-pagination {
@apply h-fit flex gap-12 !static mt-12; @apply h-fit flex gap-12 !static;
top: unset !important; top: unset !important;
bottom: 0px !important; bottom: 0px !important;
z-index: 100 !important; z-index: 100 !important;
} }
.swiper-pagination-bullet { .swiper-pagination-bullet {
@apply bg-primary w-full; @apply bg-transparent w-full !py-6 relative;
&:after {
@apply content-[''] bg-primary w-full absolute top-1/2 left-1/2 -translate-x-1/2 -translate-y-1/2;
height: 2px;
}
}
.swiper-pagination-fraction {
@apply !text-primary font-semibold;
} }
.swiper-controls { .swiper-controls {
@ -34,3 +41,6 @@
} }
} }
} }
.swiper-wrapper {
@apply mb-4;
}