// Carousel
|
//
|
|
@include rtl-only {
|
.carousel-item-next.carousel-item-left,
|
.carousel-item-prev.carousel-item-right {
|
transform: translateX(0);
|
|
@supports (transform-style: preserve-3d) {
|
transform: translate3d(0, 0, 0);
|
}
|
}
|
|
.carousel-item-next,
|
.active.carousel-item-right {
|
transform: translateX(-100%);
|
|
@supports (transform-style: preserve-3d) {
|
transform: translate3d(-100%, 0, 0);
|
}
|
}
|
|
.carousel-item-prev,
|
.active.carousel-item-left {
|
transform: translateX(100%);
|
|
@supports (transform-style: preserve-3d) {
|
transform: translate3d(100%, 0, 0);
|
}
|
}
|
|
.carousel-control-prev {
|
right: 0;
|
left: auto;
|
}
|
|
.carousel-control-next {
|
right: auto;
|
left: 0;
|
}
|
|
.carousel-indicators {
|
padding-right: 0; // override <ol> default
|
}
|
|
.carousel-control-prev-icon,
|
.carousel-control-next-icon {
|
transform: scaleX(-1);
|
}
|
}
|