You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
4.4 KiB
4.4 KiB
order | title |
---|---|
9 | Migrate Less variables to Component Token |
This document contains the correspondence between all the less variables related to components in version 4.x and the Component Token in version 5.x. If you are upgrading from version 4.x to version 5.x, you can quickly find the corresponding Component Token through this comparison table.
组件变量
Modal
Less variables | Component Token | Note |
---|---|---|
@modal-header-padding-vertical |
- | Deprecated for style change |
@modal-header-padding-horizontal |
- | Deprecated for style change |
@modal-body-padding |
- | Deprecated for style change |
@modal-header-bg |
modalHeaderBg |
- |
@modal-header-padding |
- | Deprecated for style change |
@modal-header-border-width |
- | Deprecated for style change |
@modal-header-border-style |
- | Deprecated for style change |
@modal-header-title-line-height |
modalHeaderTitleLineHeight |
- |
@modal-header-title-font-size |
modalHeaderTitleFontSize |
- |
@modal-header-border-color-split |
- | Deprecated for style change |
@modal-header-close-size |
- | Deprecated for style change |
@modal-content-bg |
modalContentBg |
- |
@modal-heading-color |
modalHeadingColor |
- |
@modal-close-color |
modalCloseIconColor |
- |
@modal-footer-bg |
modalFooterBg |
- |
@modal-footer-border-color-split |
- | Deprecated for style change |
@modal-footer-border-style |
- | Deprecated for style change |
@modal-footer-padding-vertical |
- | Deprecated for style change |
@modal-footer-padding-horizontal |
- | Deprecated for style change |
@modal-footer-border-width |
- | Deprecated for style change |
@modal-mask-bg |
colorBgMask |
- |
@modal-confirm-body-padding |
- | Deprecated for style change |
@modal-confirm-title-font-size |
modalHeaderTitleFontSize |
- |
@modal-border-radius |
borderRadiusLG |
- |
Step
less 变量 | Component Token | 备注 |
---|---|---|
@process-tail-color |
processTailColor |
- |
@steps-nav-arrow-color |
stepsNavArrowColor |
- |
@steps-background |
- | Deprecated for style change |
@steps-icon-size |
stepsIconSize |
- |
@steps-icon-custom-size |
stepsIconCustomSize |
- |
@steps-icon-custom-top |
stepsIconCustomTop |
- |
@steps-icon-custom-font-size |
stepsIconCustomFontSize |
- |
@steps-icon-top |
stepsIconTop |
- |
@steps-icon-font-size |
stepsIconFontSize |
- |
@steps-icon-margin |
- | Deprecated for style change |
@steps-title-line-height |
stepsTitleLineHeight |
- |
@steps-small-icon-size |
stepsSmallIconSize |
- |
@steps-small-icon-margin |
- | Deprecated for style change |
@steps-dot-size |
stepsDotSize |
- |
@steps-dot-top |
- | Deprecated for style change |
@steps-current-dot-size |
stepsCurrentDotSize |
- |
@steps-description-max-width |
stepsNavContentMaxWidth |
- |
@steps-nav-content-max-width |
- | Deprecated for style change |
@steps-vertical-icon-width |
- | Deprecated for style change |
@steps-vertical-tail-width |
- | Deprecated for style change |
@steps-vertical-tail-width-sm |
- | Deprecated for style change |