/*!
 * Created by PhpStorm.
 * Developer: Tariq Ayman ( tariq.ayman94@gmail.com )
 * Date: 1/5/20, 1:53 AM
 * Last Modified: 12/22/19, 10:14 PM
 * Project Name: Wafaq
 * File Name: _carousel.scss
 */

/*!
 * Created by PhpStorm.
 * Developer: Tariq Ayman ( tariq.ayman94@gmail.com )
 * Date: 12/22/19, 10:14 PM
 * Last Modified: 11/1/19, 5:58 PM
 *
 * File Name: _carousel.scss
 */

// 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:not(.carousel-item-left),
  .active.carousel-item-right {
    transform: translateX(-100%);

    @supports (transform-style: preserve-3d) {
      transform: translate3d(-100%, 0, 0);
    }
  }

  .carousel-item-prev:not(.carousel-item-right),
  .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);
  }
}