rtl.less 1.4 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768
  1. @import '../../style/themes/index';
  2. @import '../../style/mixins/index';
  3. .@{ant-prefix}-row {
  4. &-rtl {
  5. direction: rtl;
  6. }
  7. }
  8. // mixin
  9. .loop-grid-columns(@index, @class) when (@index > 0) {
  10. .@{ant-prefix}-col@{class}-push-@{index} {
  11. // reset property in RTL direction
  12. &.@{ant-prefix}-col-rtl {
  13. right: percentage((@index / @grid-columns));
  14. left: auto;
  15. }
  16. }
  17. .@{ant-prefix}-col@{class}-pull-@{index} {
  18. // reset property in RTL direction
  19. &.@{ant-prefix}-col-rtl {
  20. right: auto;
  21. left: percentage((@index / @grid-columns));
  22. }
  23. }
  24. .@{ant-prefix}-col@{class}-offset-@{index} {
  25. // reset property in RTL direction
  26. &.@{ant-prefix}-col-rtl {
  27. margin-right: percentage((@index / @grid-columns));
  28. margin-left: 0;
  29. }
  30. }
  31. }
  32. .loop-grid-columns(@index, @class) when (@index = 0) {
  33. .@{ant-prefix}-col-push-@{index} {
  34. // reset property in RTL direction
  35. &.@{ant-prefix}-col-rtl {
  36. right: auto;
  37. }
  38. }
  39. .@{ant-prefix}-col-pull-@{index} {
  40. &.@{ant-prefix}-col-rtl {
  41. left: auto;
  42. }
  43. }
  44. .@{ant-prefix}-col@{class}-push-@{index} {
  45. &.@{ant-prefix}-col-rtl {
  46. right: auto;
  47. }
  48. }
  49. .@{ant-prefix}-col@{class}-pull-@{index} {
  50. &.@{ant-prefix}-col-rtl {
  51. left: auto;
  52. }
  53. }
  54. .@{ant-prefix}-col@{class}-offset-@{index} {
  55. &.@{ant-prefix}-col-rtl {
  56. margin-right: 0;
  57. }
  58. }
  59. }