mirror of
https://gitee.com/ant-design/ant-design.git
synced 2024-12-15 09:21:22 +08:00
36bcaaef85
* chore: use varaible.less * chore: basic primary varaible * chore: Move to variable * chore: align active color * chore: global fix of css variable * chore: primary colors * chore: button danger * chore: btn default error color * chore: button series * chore: More examples * chore: More components * chore: Form demo * chore: form style * fix: Tag & Alert variable * chore: update footer * chore: rm tmp code * chore: transfer * fix: picker column active color * chore: Adjust active bg color * chore: table hover color * chore: all css variables * chore: Global using variables * chore: Test case * chore: Update test logic * chore: back of default less * chore: entry of site use proxy style * chore: update entry * chore: split of variables * refactor: quick dist speed * fix: site use variable version * chore: Update less config * chore: add mv script * chore: Update repalcement script * chore: Add inject variables * chore: Update script * fix: script path * chore: Move to component instead * chore: fix condition * chore: update config * chore: Update in less transform * chore: Modify logic * chore: change to variables * chore: Update name * fix: script name * chore: do inject * revert: back of path * chore: 2 way of generate * bump tools * chore: Add auto replacement script * chore: auto genrate less file * chore: fix test * test: More test case * chore: Update limit config * test: coverage * docs: Update doc
75 lines
1.3 KiB
Plaintext
75 lines
1.3 KiB
Plaintext
@import '../../style/themes/index';
|
|
@import '../../style/mixins/index';
|
|
|
|
@result-prefix-cls: ~'@{ant-prefix}-result';
|
|
|
|
.@{result-prefix-cls} {
|
|
padding: 48px 32px;
|
|
// status color
|
|
&-success &-icon > .@{iconfont-css-prefix} {
|
|
color: @success-color;
|
|
}
|
|
|
|
&-error &-icon > .@{iconfont-css-prefix} {
|
|
color: @error-color;
|
|
}
|
|
|
|
&-info &-icon > .@{iconfont-css-prefix} {
|
|
color: @info-color;
|
|
}
|
|
|
|
&-warning &-icon > .@{iconfont-css-prefix} {
|
|
color: @warning-color;
|
|
}
|
|
|
|
// Exception Status image
|
|
&-image {
|
|
width: 250px;
|
|
height: 295px;
|
|
margin: auto;
|
|
}
|
|
|
|
&-icon {
|
|
margin-bottom: 24px;
|
|
text-align: center;
|
|
|
|
> .@{iconfont-css-prefix} {
|
|
font-size: @result-icon-font-size;
|
|
}
|
|
}
|
|
|
|
&-title {
|
|
color: @heading-color;
|
|
font-size: @result-title-font-size;
|
|
line-height: 1.8;
|
|
text-align: center;
|
|
}
|
|
|
|
&-subtitle {
|
|
color: @text-color-secondary;
|
|
font-size: @result-subtitle-font-size;
|
|
line-height: 1.6;
|
|
text-align: center;
|
|
}
|
|
|
|
&-extra {
|
|
margin: @result-extra-margin;
|
|
text-align: center;
|
|
> * {
|
|
margin-right: 8px;
|
|
|
|
&:last-child {
|
|
margin-right: 0;
|
|
}
|
|
}
|
|
}
|
|
|
|
&-content {
|
|
margin-top: 24px;
|
|
padding: 24px 40px;
|
|
background-color: @background-color-light;
|
|
}
|
|
}
|
|
|
|
@import './rtl';
|