ant-design/components/modal/style/confirm.less
马金花儿 3d187d00a1 feat: 为Modal组件的confirm、success、error、warning、info 子组件增加快捷键,模仿原生体验。 (#3061)
* Add hotkey for Modal.confirm

* Optimize

* 重构快捷键逻辑

* 根据CR 进一步优化逻辑

* timeoutId 改为非强制

* Update confirm.tsx

* 使用 onCancel 回调代替 onClose,并修改 onCancel 注释。

* 修改注释
2016-09-20 08:58:20 +08:00

66 lines
1.2 KiB
Plaintext

@confirm-prefix-cls: ~"@{ant-prefix}-confirm";
.@{confirm-prefix-cls} {
.@{ant-prefix}-modal-header {
display: none;
}
.@{ant-prefix}-modal-close {
display: none;
}
.@{ant-prefix}-modal-body {
padding: 30px 40px;
}
&-body {
.@{confirm-prefix-cls}-title {
color: @text-color;
font-weight: bold;
font-size: 14px;
}
.@{confirm-prefix-cls}-content {
margin-left: 37px;
font-size: @font-size-base;
color: @text-color;
margin-top: 8px;
}
> .@{iconfont-css-prefix} {
font-size: 24px;
margin-right: 10px;
padding: 0 1px;
position: relative;
top: 5px;
}
}
.@{confirm-prefix-cls}-btns {
margin-top: 30px;
float: right;
button + button {
margin-left: 10px;
margin-bottom: 0;
}
}
&-error &-body > .@{iconfont-css-prefix} {
color: @error-color;
}
&-warning &-body > .@{iconfont-css-prefix},
&-confirm &-body > .@{iconfont-css-prefix} {
color: @warning-color;
}
&-info &-body > .@{iconfont-css-prefix} {
color: @primary-color;
}
&-success &-body > .@{iconfont-css-prefix} {
color: @success-color;
}
}