52 lines
1.2 KiB
SCSS
52 lines
1.2 KiB
SCSS
|
// Carousels
|
||
|
|
.carousel {
|
||
|
|
.carousel-control-prev-icon,
|
||
|
|
.carousel-control-next-icon {
|
||
|
|
width: $carousel-control-icon-width;
|
||
|
|
height: $carousel-control-icon-height;
|
||
|
|
}
|
||
|
|
.carousel-control-prev-icon {
|
||
|
|
background-image: $carousel-control-prev-icon;
|
||
|
|
}
|
||
|
|
.carousel-control-next-icon {
|
||
|
|
background-image: $carousel-control-next-icon;
|
||
|
|
}
|
||
|
|
.carousel-indicators {
|
||
|
|
li {
|
||
|
|
width: $carousel-indicators-width;
|
||
|
|
height: $carousel-indicators-height;
|
||
|
|
border-radius: $carousel-indicators-border-radius;
|
||
|
|
cursor: pointer;
|
||
|
|
}
|
||
|
|
}
|
||
|
|
}
|
||
|
|
.carousel-fade {
|
||
|
|
.carousel-item {
|
||
|
|
opacity: 0;
|
||
|
|
transition-duration: $carousel-transition-duration;
|
||
|
|
transition-property: opacity;
|
||
|
|
}
|
||
|
|
.carousel-item.active,
|
||
|
|
.carousel-item-next.carousel-item-left,
|
||
|
|
.carousel-item-prev.carousel-item-right
|
||
|
|
{
|
||
|
|
opacity: 1;
|
||
|
|
}
|
||
|
|
.carousel-item-left,
|
||
|
|
.carousel-item-right {
|
||
|
|
&.active {
|
||
|
|
opacity: 0;
|
||
|
|
}
|
||
|
|
}
|
||
|
|
.carousel-item-next,
|
||
|
|
.carousel-item-prev,
|
||
|
|
.carousel-item.active,
|
||
|
|
.carousel-item-left.active,
|
||
|
|
.carousel-item-prev.active {
|
||
|
|
transform: $carousel-item-transform;
|
||
|
|
@supports (transform-style: preserve-3d) {
|
||
|
|
transform: $carousel-item-transform-2;
|
||
|
|
}
|
||
|
|
}
|
||
|
|
}
|