Swiper slider bullet point circle

swiper-slider-bullet-points-circle.scss

// set in config file when using
$swiper-bullet-point-color: #ffffff;
$swiper-bullet-point-size: 13px;
$swiper-bullet-point-border-width: 2px;

.swiper-pagination-bullet {
  display: inline-block;
  width: $swiper-bullet-point-size;
  height: $swiper-bullet-point-size;
  background-color: transparent;
  border: $swiper-bullet-point-color $swiper-bullet-point-border-width solid;
  opacity: 1;
  border-radius: 50%;
}

.swiper-pagination-bullet-active {
  background-color: $swiper-bullet-point-color;
}