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#{&} {