From c912590af23f1e5190a5c8d6ade5855907288e3f Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=D0=AE=D0=BB=D0=B8=D1=8F=20=D0=A1=D0=B8=D1=82=D0=BD=D0=B8?=
 =?UTF-8?q?=D0=BA=D0=BE=D0=B2=D0=B0?= <yu.sitnikova@inbox.ru>
Date: Wed, 15 Mar 2023 20:42:12 +0500
Subject: [PATCH] feat(pagination): add border-radius variable (#6476)

---
 src/modules/pagination/pagination.less | 3 ++-
 src/modules/pagination/pagination.scss | 3 ++-
 2 files changed, 4 insertions(+), 2 deletions(-)

diff --git a/src/modules/pagination/pagination.less b/src/modules/pagination/pagination.less
index 442e6a3e6..bc9ed5f7e 100644
--- a/src/modules/pagination/pagination.less
+++ b/src/modules/pagination/pagination.less
@@ -11,6 +11,7 @@
   --swiper-pagination-bullet-size: 8px;
   --swiper-pagination-bullet-width: 8px;
   --swiper-pagination-bullet-height: 8px;
+  --swiper-pagination-bullet-border-radius: 50%;
   --swiper-pagination-bullet-inactive-color: #000;
   --swiper-pagination-bullet-inactive-opacity: 0.2;
   --swiper-pagination-bullet-opacity: 1;
@@ -73,7 +74,7 @@
   width: var(--swiper-pagination-bullet-width, var(--swiper-pagination-bullet-size, 8px));
   height: var(--swiper-pagination-bullet-height, var(--swiper-pagination-bullet-size, 8px));
   display: inline-block;
-  border-radius: 50%;
+  border-radius: var(--swiper-pagination-bullet-border-radius, 50%);
   background: var(--swiper-pagination-bullet-inactive-color, #000);
   opacity: var(--swiper-pagination-bullet-inactive-opacity, 0.2);
   button& {
diff --git a/src/modules/pagination/pagination.scss b/src/modules/pagination/pagination.scss
index a3683c114..b381ebfd4 100644
--- a/src/modules/pagination/pagination.scss
+++ b/src/modules/pagination/pagination.scss
@@ -13,6 +13,7 @@
   --swiper-pagination-bullet-size: 8px;
   --swiper-pagination-bullet-width: 8px;
   --swiper-pagination-bullet-height: 8px;
+  --swiper-pagination-bullet-border-radius: 50%;
   --swiper-pagination-bullet-inactive-color: #000;
   --swiper-pagination-bullet-inactive-opacity: 0.2;
   --swiper-pagination-bullet-opacity: 1;
@@ -76,7 +77,7 @@
   width: var(--swiper-pagination-bullet-width, var(--swiper-pagination-bullet-size, 8px));
   height: var(--swiper-pagination-bullet-height, var(--swiper-pagination-bullet-size, 8px));
   display: inline-block;
-  border-radius: 50%;
+  border-radius: var(--swiper-pagination-bullet-border-radius, 50%);
   background: var(--swiper-pagination-bullet-inactive-color, #000);
   opacity: var(--swiper-pagination-bullet-inactive-opacity, 0.2);
   @at-root button#{&} {