ant-design/components/result/style/index.less
zefeng 14417f1614
feat(theme): adjust font-size in compact mode (#23135)
* feat(theme): adjust font-size in compact mode

With compact theme mode, we adjust default font-size from 14px to 12px.

Closes #23015

* patch: update docs min font-size

* patch

* patch

* patch

* patch

* patch

* patch
2020-04-28 11:16:01 +08:00

75 lines
1.2 KiB
Plaintext

@import '../../style/themes/default';
@import '../../style/mixins/index';
@result-prefix-cls: ~'@{ant-prefix}-result';
.@{result-prefix-cls} {
padding: 48px 32px;
// status color
&-success &-icon > .anticon {
color: @success-color;
}
&-error &-icon > .anticon {
color: @error-color;
}
&-info &-icon > .anticon {
color: @info-color;
}
&-warning &-icon > .anticon {
color: @warning-color;
}
// Exception Status image
&-image {
width: 250px;
height: 295px;
margin: auto;
}
&-icon {
margin-bottom: 24px;
text-align: center;
> .anticon {
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';