rtl.scss 1.2 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647
  1. $module: #{$prefix}-carousel;
  2. .#{$prefix}-rtl,
  3. .#{$prefix}-portal-rtl {
  4. .#{$module} {
  5. direction: rtl;
  6. &-indicator {
  7. display: flex;
  8. &-dot {
  9. .#{$module}-indicator-item {
  10. &:not(:last-child) {
  11. margin-right: 0;
  12. margin-left: $spacing-carousel_indicator_dot-marginX;
  13. }
  14. }
  15. }
  16. &-columnar {
  17. .#{$module}-indicator-item {
  18. &:not(:last-child) {
  19. margin-right: 0;
  20. margin-left: $spacing-carousel_indicator_columnar-marginX;
  21. }
  22. }
  23. }
  24. }
  25. &-arrow {
  26. flex-direction: row-reverse;
  27. &-prev {
  28. left: auto;
  29. right: $spacing-carousel_arrow-right;
  30. transform: scaleX(-1) translateY(-50%);
  31. z-index: 2;
  32. }
  33. &-next {
  34. left: $spacing-carousel_arrow-left;
  35. transform: scaleX(-1) translateY(-50%);
  36. right: auto;
  37. z-index: 2;
  38. }
  39. }
  40. }
  41. }