rtl.less 1.4 KB

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