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

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