@@ -129,9 +129,6 @@ $font-weight: var(--nutui-font-weight) !default;
129129$font-weight-medium : var (--nutui-font-weight-medium , 500 ) !default ;
130130$font-weight-bold : var (--nutui-font-weight-bold ) !default ;
131131
132- // 行高
133- $line-height-base : var (--nutui-line-height ) !default ;
134-
135132// 间距 space
136133$spacing-xxxs : var (--nutui-spacing-xxxs , 2px ) !default ;
137134$spacing-xxs : var (--nutui-spacing-xxs ) !default ; // 多用于文本与图标之间的间距
@@ -205,16 +202,54 @@ $font-family:
205202 SimSun,
206203 sans-serif !default ;
207204
208- // Font
205+ // Font(token 与 variables.scss 对齐;回落为 px / 设计 token,不经 scale 函数)
209206$font-size-xxxs : var (--nutui-font-size-xxxs , 9px ) !default ;
210207$font-size-xxs : $font-text-mini !default ;
211208$font-size-xs : $font-text-xs !default ;
212209$font-size-s : $font-text-small !default ;
210+ $font-size-m : var (--nutui-font-size-m , $font-text-small ) !default ;
213211$font-size-base : $font-text !default ;
214212$font-size-l : $font-text-large !default ;
213+ $font-size-md : var (--nutui-font-size-md , 16px ) !default ;
214+ $font-size-icon : var (--nutui-font-size-icon , 16px ) !default ;
215215$font-size-xl : $font-h2 !default ;
216+ $font-size-2xl : var (--nutui-font-size-2xl , 20px ) !default ;
216217$font-size-xxl : var (--nutui-font-size-8 ) !default ;
217218$font-size-xxxl : var (--nutui-font-size-10 ) !default ;
219+ $font-size-xxxxl : var (--nutui-font-size-11 , 28px ) !default ;
220+
221+ // 行高(与同档字号等值;不经 scale)
222+ $line-height-xxxs : var (--nutui-line-height-xxxs , $font-size-xxxs ) !default ;
223+ $line-height-xxs : var (--nutui-line-height-xxs , $font-size-xxs ) !default ;
224+ $line-height-xs : var (--nutui-line-height-xs , $font-size-xs ) !default ;
225+ $line-height-s : var (--nutui-line-height-s , $font-size-s ) !default ;
226+ $line-height-m : var (--nutui-line-height-m , $font-size-m ) !default ;
227+ $line-height-base : var (
228+ --nutui-line-height-base ,
229+ var (--nutui-line-height , $font-size-base )
230+ ) !default ;
231+ $line-height-l : var (--nutui-line-height-l , $font-size-l ) !default ;
232+ $line-height-md : var (--nutui-line-height-md , $font-size-md ) !default ;
233+ $line-height-icon : var (--nutui-line-height-icon , $font-size-icon ) !default ;
234+ $line-height-xl : var (--nutui-line-height-xl , $font-size-xl ) !default ;
235+ $line-height-2xl : var (--nutui-line-height-2xl , $font-size-2xl ) !default ;
236+ $line-height-xxl : var (--nutui-line-height-xxl , $font-size-xxl ) !default ;
237+ $line-height-xxxl : var (--nutui-line-height-xxxl , $font-size-xxxl ) !default ;
238+ $line-height-xxxxl : var (--nutui-line-height-xxxxl , $font-size-xxxxl ) !default ;
239+
240+ // icon 尺寸(与 variables.scss 对齐;回落为 px,不经 scale-icon-px)
241+ $icon-size-6 : var (--nutui-icon-size-6 , 6px ) !default ;
242+ $icon-size-8 : var (--nutui-icon-size-8 , 8px ) !default ;
243+ $icon-size-10 : var (--nutui-icon-size-10 , 10px ) !default ;
244+ $icon-size-11 : var (--nutui-icon-size-11 , 11px ) !default ;
245+ $icon-size-12 : var (--nutui-icon-size-12 , 12px ) !default ;
246+ $icon-size-16 : var (--nutui-icon-size-16 , 16px ) !default ;
247+ $icon-size-18 : var (--nutui-icon-size-18 , 18px ) !default ;
248+ $icon-size-20 : var (--nutui-icon-size-20 , 20px ) !default ;
249+ $icon-size-22 : var (--nutui-icon-size-22 , 22px ) !default ;
250+ $icon-height : var (--nutui-icon-height , $icon-size-20 ) !default ;
251+ $icon-width : var (--nutui-icon-width , $icon-size-20 ) !default ;
252+ $icon-line-height : var (--nutui-icon-line-height , $icon-size-20 ) !default ;
218253
219254$space-mini : $spacing-xs !default ;
220255$space-large : $spacing-l !default ;
@@ -1002,6 +1037,32 @@ $price-symbol-small-size: var(--nutui-price-symbol-small-size, 10px) !default;
10021037$price-integer-small-size : var (--nutui-price-integer-small-size , 12px ) !default ;
10031038$price-decimal-small-size : var (--nutui-price-decimal-small-size , 10px ) !default ;
10041039
1040+ // price 行高(与 variables.scss 对齐)
1041+ $price-root-line-height : var (
1042+ --nutui-price-root-line-height ,
1043+ $line-height-l
1044+ ) !default ;
1045+ $price-minor-line-height : var (
1046+ --nutui-price-minor-line-height ,
1047+ $line-height-s
1048+ ) !default ;
1049+ $price-integer-xlarge-line-height : var (
1050+ --nutui-price-integer-xlarge-line-height ,
1051+ $line-height-xxl
1052+ ) !default ;
1053+ $price-integer-large-line-height : var (
1054+ --nutui-price-integer-large-line-height ,
1055+ $line-height-xl
1056+ ) !default ;
1057+ $price-integer-normal-line-height : var (
1058+ --nutui-price-integer-normal-line-height ,
1059+ $line-height-md
1060+ ) !default ;
1061+ $price-integer-small-line-height : var (
1062+ --nutui-price-integer-small-line-height ,
1063+ $line-height-s
1064+ ) !default ;
1065+
10051066// avatar(✅)
10061067$avatar-square : var (--nutui-avatar-square , $radius-base ) !default ;
10071068$avatar-large-width : var (--nutui-avatar-large-width , 48px ) !default ;
@@ -1320,6 +1381,14 @@ $notify-background-color: var(--nutui-notify-background-color, $white) !default;
13201381$rate-icon-size : var (--nutui-rate-icon-size , 12px ) !default ;
13211382$rate-font-color : var (--nutui-rate-font-color , $color-primary-icon ) !default ;
13221383$rate-font-size : var (--nutui-rate-font-size , 12px ) !default ;
1384+ $rate-font-size-large : var (
1385+ --nutui-rate-font-size-large ,
1386+ calc (#{$rate-font-size } + 6px )
1387+ ) !default ;
1388+ $rate-font-size-small : var (
1389+ --nutui-rate-font-size-small ,
1390+ calc (#{$rate-font-size } - 2px )
1391+ ) !default ;
13231392$rate-item-margin : var (--nutui-rate-item-margin , 14px ) !default ;
13241393$rate-icon-color : var (--nutui-rate-icon-color , $color-primary ) !default ;
13251394$rate-icon-inactive-color : var (
0 commit comments