mirror of
https://github.com/ant-design/ant-design.git
synced 2024-12-01 14:59:35 +08:00
refector: add @form-explain-font-size (#15488)
This commit is contained in:
parent
e9773e6117
commit
3a2e1abfa7
@ -10,11 +10,12 @@
|
|||||||
@form-component-max-height: @input-height-lg;
|
@form-component-max-height: @input-height-lg;
|
||||||
@form-feedback-icon-size: @font-size-base;
|
@form-feedback-icon-size: @font-size-base;
|
||||||
@form-help-margin-top: (@form-component-height - @form-component-max-height) / 2 + 2px;
|
@form-help-margin-top: (@form-component-height - @form-component-max-height) / 2 + 2px;
|
||||||
|
@form-explain-font-size: @font-size-base;
|
||||||
// Extends additional 1px to fix precision issue.
|
// Extends additional 1px to fix precision issue.
|
||||||
// https://github.com/ant-design/ant-design/issues/12803
|
// https://github.com/ant-design/ant-design/issues/12803
|
||||||
// https://github.com/ant-design/ant-design/issues/8220
|
// https://github.com/ant-design/ant-design/issues/8220
|
||||||
@form-explain-precision: 1px;
|
@form-explain-precision: 1px;
|
||||||
@form-explain-height: floor(@font-size-base * @line-height-base);
|
@form-explain-height: floor(@form-explain-font-size * @line-height-base);
|
||||||
|
|
||||||
.@{form-prefix-cls} {
|
.@{form-prefix-cls} {
|
||||||
.reset-component;
|
.reset-component;
|
||||||
@ -137,6 +138,7 @@ input[type='checkbox'] {
|
|||||||
min-height: @form-explain-height + @form-explain-precision;
|
min-height: @form-explain-height + @form-explain-precision;
|
||||||
margin-top: @form-help-margin-top;
|
margin-top: @form-help-margin-top;
|
||||||
color: @text-color-secondary;
|
color: @text-color-secondary;
|
||||||
|
font-size: @form-explain-font-size;
|
||||||
line-height: @line-height-base;
|
line-height: @line-height-base;
|
||||||
transition: color 0.3s @ease-out; // sync input color transition
|
transition: color 0.3s @ease-out; // sync input color transition
|
||||||
}
|
}
|
||||||
|
Loading…
Reference in New Issue
Block a user