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