rtl.less 1.1 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970
  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. &-dot {
  15. .@{slider-prefix-cls}-rtl & {
  16. margin-right: -4px;
  17. margin-left: 0;
  18. }
  19. &:first-child {
  20. .@{slider-prefix-cls}-rtl & {
  21. margin-right: -4px;
  22. margin-left: 0;
  23. }
  24. }
  25. &:last-child {
  26. .@{slider-prefix-cls}-rtl & {
  27. margin-right: -4px;
  28. margin-left: 0;
  29. }
  30. }
  31. }
  32. }
  33. .vertical() {
  34. &-vertical {
  35. .@{slider-prefix-cls}-handle {
  36. .@{slider-prefix-cls}-rtl& {
  37. margin-right: -5px;
  38. margin-left: 0;
  39. }
  40. }
  41. .@{slider-prefix-cls}-mark {
  42. .@{slider-prefix-cls}-rtl& {
  43. right: 12px;
  44. left: auto;
  45. }
  46. }
  47. .@{slider-prefix-cls}-mark-text {
  48. .@{slider-prefix-cls}-rtl& {
  49. right: 4px;
  50. left: auto;
  51. }
  52. }
  53. .@{slider-prefix-cls}-dot {
  54. .@{slider-prefix-cls}-rtl& {
  55. right: 2px;
  56. left: auto;
  57. }
  58. }
  59. }
  60. }