rtl.less 1.8 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990
  1. @import '../../style/themes/index';
  2. @import '../../style/mixins/index';
  3. @dropdown-prefix-cls: ~'@{ant-prefix}-dropdown';
  4. .@{dropdown-prefix-cls} {
  5. &-rtl {
  6. direction: rtl;
  7. }
  8. &::before {
  9. .@{dropdown-prefix-cls}-rtl& {
  10. right: -7px;
  11. left: 0;
  12. }
  13. }
  14. &-menu {
  15. &&-rtl {
  16. direction: rtl;
  17. text-align: right;
  18. }
  19. &-item-group-title {
  20. .@{dropdown-prefix-cls}-rtl &,
  21. .@{dropdown-prefix-cls}-menu-submenu-rtl & {
  22. direction: rtl;
  23. text-align: right;
  24. }
  25. }
  26. &-submenu-popup {
  27. &.@{dropdown-prefix-cls}-menu-submenu-rtl {
  28. transform-origin: 100% 0;
  29. }
  30. ul,
  31. li {
  32. .@{dropdown-prefix-cls}-rtl & {
  33. text-align: right;
  34. }
  35. }
  36. }
  37. &-item,
  38. &-submenu-title {
  39. .@{dropdown-prefix-cls}-rtl & {
  40. text-align: right;
  41. }
  42. > .@{iconfont-css-prefix}:first-child,
  43. > span > .@{iconfont-css-prefix}:first-child {
  44. .@{dropdown-prefix-cls}-rtl & {
  45. margin-right: 0;
  46. margin-left: 8px;
  47. }
  48. }
  49. .@{dropdown-prefix-cls}-menu-submenu-expand-icon {
  50. .@{dropdown-prefix-cls}-rtl & {
  51. right: auto;
  52. left: @padding-xs;
  53. }
  54. .@{dropdown-prefix-cls}-menu-submenu-arrow-icon {
  55. .@{dropdown-prefix-cls}-rtl & {
  56. margin-left: 0 !important;
  57. transform: scaleX(-1);
  58. }
  59. }
  60. }
  61. }
  62. &-submenu-title {
  63. .@{dropdown-prefix-cls}-rtl & {
  64. padding-right: @control-padding-horizontal;
  65. padding-left: @control-padding-horizontal + @font-size-sm;
  66. }
  67. }
  68. &-submenu-vertical > & {
  69. .@{dropdown-prefix-cls}-rtl & {
  70. right: 100%;
  71. left: 0;
  72. margin-right: 4px;
  73. margin-left: 0;
  74. }
  75. }
  76. }
  77. }