mirror of
https://github.com/ant-design/ant-design.git
synced 2024-11-29 05:29:37 +08:00
b8fb4c411d
* fix: modal rtl * fix: use hooks * Update components/modal/index.zh-CN.md
74 lines
1.4 KiB
Plaintext
74 lines
1.4 KiB
Plaintext
@import '../../style/themes/index';
|
|
@import '../../style/mixins/index';
|
|
|
|
@dialog-prefix-cls: ~'@{ant-prefix}-modal';
|
|
@confirm-prefix-cls: ~'@{ant-prefix}-modal-confirm';
|
|
@dialog-wrap-rtl-cls: ~'@{dialog-prefix-cls}-wrap-rtl';
|
|
|
|
.@{dialog-prefix-cls} {
|
|
&-wrap {
|
|
&-rtl {
|
|
direction: rtl;
|
|
}
|
|
}
|
|
|
|
&-close {
|
|
.@{dialog-wrap-rtl-cls} & {
|
|
right: initial;
|
|
left: 0;
|
|
}
|
|
}
|
|
|
|
&-footer {
|
|
.@{dialog-wrap-rtl-cls} & {
|
|
text-align: left;
|
|
}
|
|
button + button {
|
|
.@{dialog-wrap-rtl-cls} & {
|
|
margin-right: 8px;
|
|
margin-left: 0;
|
|
}
|
|
}
|
|
}
|
|
|
|
&-confirm {
|
|
&-body {
|
|
.@{dialog-wrap-rtl-cls} & {
|
|
direction: rtl;
|
|
}
|
|
> .@{iconfont-css-prefix} {
|
|
.@{dialog-wrap-rtl-cls} & {
|
|
float: right;
|
|
margin-right: 0;
|
|
margin-left: 16px;
|
|
}
|
|
+ .@{confirm-prefix-cls}-title + .@{confirm-prefix-cls}-content {
|
|
.@{dialog-wrap-rtl-cls} & {
|
|
margin-right: 38px;
|
|
margin-left: 0;
|
|
}
|
|
}
|
|
}
|
|
}
|
|
&-btns {
|
|
.@{dialog-wrap-rtl-cls} & {
|
|
float: left;
|
|
}
|
|
button + button {
|
|
.@{dialog-wrap-rtl-cls} & {
|
|
margin-right: 8px;
|
|
margin-left: 0;
|
|
}
|
|
}
|
|
}
|
|
}
|
|
}
|
|
|
|
.@{dialog-prefix-cls}-centered {
|
|
.@{dialog-prefix-cls} {
|
|
.@{dialog-wrap-rtl-cls}& {
|
|
text-align: right;
|
|
}
|
|
}
|
|
}
|