rtl.less 1.0 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748
  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. }
  8. & > &-item {
  9. > .@{collapse-prefix-cls}-header {
  10. .@{collapse-prefix-cls}-rtl & {
  11. padding: @collapse-header-padding;
  12. padding-right: @collapse-header-padding-extra;
  13. }
  14. .@{collapse-prefix-cls}-arrow {
  15. .@{collapse-prefix-cls}-rtl& {
  16. margin-right: 0;
  17. margin-left: @margin-sm;
  18. }
  19. & svg {
  20. .@{collapse-prefix-cls}-rtl& {
  21. transform: rotate(180deg);
  22. }
  23. }
  24. }
  25. .@{collapse-prefix-cls}-extra {
  26. .@{collapse-prefix-cls}-rtl& {
  27. margin-right: auto;
  28. margin-left: 0;
  29. }
  30. }
  31. }
  32. &.@{collapse-prefix-cls}-no-arrow {
  33. > .@{collapse-prefix-cls}-header {
  34. .@{collapse-prefix-cls}-rtl& {
  35. padding-right: @padding-sm;
  36. padding-left: 0;
  37. }
  38. }
  39. }
  40. }
  41. }