ant-design/components/modal/style/confirm.less
马斯特 a25ec29fb8 refactor: 保证所有的tsx和less都正确使用prefix (#3024)
* refactor: extract prefix cls as less variable

* refactor: apply ant icon prefix cls in less files

* refactor: all components support prefixCls props
2016-09-14 16:18:33 +08:00

62 lines
1.1 KiB
Plaintext

@confirm-prefix-cls: ~"@{ant-prefix}-confirm";
.@{confirm-prefix-cls} {
.@{ant-prefix}-modal-header {
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;
}
}