STYLE Add Swiper pagination styles and CSS variables for customization

2025-05-12 16:50:25 +02:00 · 2025-05-12 16:50:25 +02:00 · 887a138347
commit 887a138347
parent 5386c03348
1 changed files with 16 additions and 0 deletions
--- a/resources/css/base/swiper.css
+++ b/resources/css/base/swiper.css
@ -0,0 +1,16 @@
+:root {
+  --swiper-pagination-bullet-border-radius: 0;
+  --swiper-pagination-bullet-height: 2px;
+  --swiper-pagination-bullet-width: 30px;
+  --swiper-pagination-bullet-horizontal-gap: 10px;
+  --swiper-theme-color: var(
+    --wp--preset--color--primary
+  ) !important;
+  --swiper-pagination-color: var(
+    --color-primary
+  ) !important;
+}
+
+.swiper-pagination-bullet {
+  @apply bg-primary;
+}