ldc-volena/resources/sass/fo/partials/_carousel.scss

31 lines
596 B
SCSS

@use "sass:color";
.swiper-carousels {
.swiper-carousels-pagination {
bottom: 2rem;
left: 5%;
@include media-breakpoint-up(lg) {
top: auto;
bottom: .5rem;
left: 0;
width: 100%;
}
}
.swiper-pagination-bullet {
width: 3rem;
max-width: 10rem;
height: .5rem;
background-color: color.adjust($color-dark, $alpha: -0.8);
&:hover {
cursor: pointer;
}
}
.swiper-pagination-bullet-active {
background-color: $color-primary;
}
}