rtl.less 815 B

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849
  1. @import '../../style/themes/index';
  2. @import '../../style/mixins/index';
  3. @slider-prefix-cls: ~'@{ant-prefix}-slider';
  4. .@{slider-prefix-cls} {
  5. &-rtl {
  6. direction: rtl;
  7. }
  8. &-mark {
  9. .@{slider-prefix-cls}-rtl & {
  10. right: 0;
  11. left: auto;
  12. }
  13. }
  14. }
  15. .vertical() {
  16. &-vertical {
  17. .@{slider-prefix-cls}-handle {
  18. .@{slider-prefix-cls}-rtl& {
  19. margin-right: -5px;
  20. margin-left: 0;
  21. }
  22. }
  23. .@{slider-prefix-cls}-mark {
  24. .@{slider-prefix-cls}-rtl& {
  25. right: 12px;
  26. left: auto;
  27. }
  28. }
  29. .@{slider-prefix-cls}-mark-text {
  30. .@{slider-prefix-cls}-rtl& {
  31. right: 4px;
  32. left: auto;
  33. }
  34. }
  35. .@{slider-prefix-cls}-dot {
  36. .@{slider-prefix-cls}-rtl& {
  37. right: 2px;
  38. left: auto;
  39. }
  40. }
  41. }
  42. }