RTL Carousel

// add .carousel-indicators if you want flip dots
.carousel-control-prev, .carousel-control-next {
    transform: scaleX(-1)
}
.carousel-control-next {
    left: 0;
    right: unset;
}

.carousel-control-prev {
    right: 0;
    left: unset;
}

Konrad Stępień staff commented 5 years ago

Hi @itay,

You can try to paste these styles in your global file styles.scss.

---

itay pro commented 5 years ago

If I will do it it will still be global I want to confine it to the component's scope only

---

Arkadiusz Idzikowski staff commented 5 years ago

Please take a look at the styles customization guide: https://mdbootstrap.com/docs/angular/getting-started/styles-customization

You can also try to add a custom class to the element and then use this class in the css rule in styles.scss file to make sure that only this element will by styled.

---

itay pro commented 5 years ago

Got it..........

---