1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768 |
- @import '../../style/themes/index';
- @import '../../style/mixins/index';
- @collapse-prefix-cls: ~'@{ant-prefix}-collapse';
- .@{collapse-prefix-cls} {
- &-rtl {
- direction: rtl;
- // Expand Icon end
- &.@{collapse-prefix-cls}.@{collapse-prefix-cls}-icon-position-end {
- & > .@{collapse-prefix-cls}-item {
- > .@{collapse-prefix-cls}-header {
- position: relative;
- padding: @collapse-header-padding;
- padding-left: @collapse-header-padding-extra;
- .@{collapse-prefix-cls}-arrow {
- position: absolute;
- top: 50%;
- right: auto;
- left: @padding-md;
- margin: 0;
- transform: translateY(-50%);
- }
- }
- }
- }
- }
- & > &-item {
- > .@{collapse-prefix-cls}-header {
- .@{collapse-prefix-cls}-rtl & {
- padding: @collapse-header-padding;
- padding-right: @collapse-header-padding-extra;
- }
- .@{collapse-prefix-cls}-arrow {
- .@{collapse-prefix-cls}-rtl& {
- margin-right: 0;
- margin-left: @margin-sm;
- }
- & svg {
- .@{collapse-prefix-cls}-rtl& {
- transform: rotate(180deg);
- }
- }
- }
- .@{collapse-prefix-cls}-extra {
- .@{collapse-prefix-cls}-rtl& {
- margin-right: auto;
- margin-left: 0;
- }
- }
- }
- &.@{collapse-prefix-cls}-no-arrow {
- > .@{collapse-prefix-cls}-header {
- .@{collapse-prefix-cls}-rtl& {
- padding-right: @padding-sm;
- padding-left: 0;
- }
- }
- }
- }
- }
|