From 887a138347e53eb133881464681e15c49829e33b Mon Sep 17 00:00:00 2001
From: Antoine <antoine.martinon@deligraph.com>
Date: Mon, 12 May 2025 16:50:25 +0200
Subject: [PATCH] STYLE Add Swiper pagination styles and CSS variables for
 customization

---
 resources/css/base/swiper.css | 16 ++++++++++++++++
 1 file changed, 16 insertions(+)
 create mode 100644 resources/css/base/swiper.css

diff --git a/resources/css/base/swiper.css b/resources/css/base/swiper.css
new file mode 100644
index 0000000..9c5bf57
--- /dev/null
+++ 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;
+}