rtl.less 823 B

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354
  1. @import '../../style/themes/index';
  2. @import '../../style/mixins/index';
  3. @carousel-prefix-cls: ~'@{ant-prefix}-carousel';
  4. .@{carousel-prefix-cls} {
  5. &-rtl {
  6. direction: rtl;
  7. }
  8. .slick-track {
  9. .@{carousel-prefix-cls}-rtl & {
  10. right: 0;
  11. left: auto;
  12. }
  13. }
  14. .slick-prev {
  15. .@{carousel-prefix-cls}-rtl & {
  16. right: -25px;
  17. left: auto;
  18. &::before {
  19. content: '→';
  20. }
  21. }
  22. }
  23. .slick-next {
  24. .@{carousel-prefix-cls}-rtl & {
  25. right: auto;
  26. left: -25px;
  27. &::before {
  28. content: '←';
  29. }
  30. }
  31. }
  32. // Dots
  33. .slick-dots {
  34. .@{carousel-prefix-cls}-rtl& {
  35. flex-direction: row-reverse;
  36. }
  37. }
  38. }
  39. .@{ant-prefix}-carousel-vertical {
  40. .slick-dots {
  41. .@{carousel-prefix-cls}-rtl& {
  42. flex-direction: column;
  43. }
  44. }
  45. }