rtl.less 1.6 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768
  1. @import '../../style/themes/index';
  2. @import '../../style/mixins/index';
  3. @collapse-prefix-cls: ~'@{ant-prefix}-collapse';
  4. .@{collapse-prefix-cls} {
  5. &-rtl {
  6. direction: rtl;
  7. // Expand Icon end
  8. &.@{collapse-prefix-cls}.@{collapse-prefix-cls}-icon-position-end {
  9. & > .@{collapse-prefix-cls}-item {
  10. > .@{collapse-prefix-cls}-header {
  11. position: relative;
  12. padding: @collapse-header-padding;
  13. padding-left: @collapse-header-padding-extra;
  14. .@{collapse-prefix-cls}-arrow {
  15. position: absolute;
  16. top: 50%;
  17. right: auto;
  18. left: @padding-md;
  19. margin: 0;
  20. transform: translateY(-50%);
  21. }
  22. }
  23. }
  24. }
  25. }
  26. & > &-item {
  27. > .@{collapse-prefix-cls}-header {
  28. .@{collapse-prefix-cls}-rtl & {
  29. padding: @collapse-header-padding;
  30. padding-right: @collapse-header-padding-extra;
  31. }
  32. .@{collapse-prefix-cls}-arrow {
  33. .@{collapse-prefix-cls}-rtl& {
  34. margin-right: 0;
  35. margin-left: @margin-sm;
  36. }
  37. & svg {
  38. .@{collapse-prefix-cls}-rtl& {
  39. transform: rotate(180deg);
  40. }
  41. }
  42. }
  43. .@{collapse-prefix-cls}-extra {
  44. .@{collapse-prefix-cls}-rtl& {
  45. margin-right: auto;
  46. margin-left: 0;
  47. }
  48. }
  49. }
  50. &.@{collapse-prefix-cls}-no-arrow {
  51. > .@{collapse-prefix-cls}-header {
  52. .@{collapse-prefix-cls}-rtl& {
  53. padding-right: @padding-sm;
  54. padding-left: 0;
  55. }
  56. }
  57. }
  58. }
  59. }