瀏覽代碼

feat: tabs font size token

DaiQiangReal 1 年之前
父節點
當前提交
b373205e28
共有 2 個文件被更改,包括 9 次插入0 次删除
  1. 3 0
      packages/semi-foundation/tabs/tabs.scss
  2. 6 0
      packages/semi-foundation/tabs/variables.scss

+ 3 - 0
packages/semi-foundation/tabs/tabs.scss

@@ -690,6 +690,7 @@ $ignoreIcon: '.#{$prefix}-icon-checkbox_tick, .#{$prefix}-icon-radio, .#{$prefix
         &.#{$module}-tab-top {
 
             &.#{$module}-tab {
+                font-size: $font-tabs_bar_large-fontSize;
                 padding: $spacing-tabs_bar_line_tab-paddingTop $spacing-tabs_bar_line_tab-paddingRight $spacing-tabs_bar_line_tab-paddingBottom $spacing-tabs_bar_line_tab-paddingLeft;
                 transition: border-bottom-color $transition_duration-tabs_tab_line-border $transition_function-tabs_tab_line-border $transition_delay-tabs_tab_line-border,
                     color $transition_duration-tabs_tab_line-text $transition_function-tabs_tab_line-text $transition_delay-tabs_tab_line-text; //线条式tabs的border-color 的 transition
@@ -718,10 +719,12 @@ $ignoreIcon: '.#{$prefix}-icon-checkbox_tick, .#{$prefix}-icon-radio, .#{$prefix
                 // }
 
                 &-small {
+                    font-size: $font-tabs_bar_small-fontSize;
                     padding: $spacing-tabs_bar_line_tab_small-paddingTop $spacing-tabs_bar_line_tab_small-paddingRight $spacing-tabs_bar_line_tab_small-paddingBottom $spacing-tabs_bar_line_tab_small-paddingLeft;
                 }
 
                 &-medium {
+                    font-size: $font-tabs_bar_medium-fontSize;
                     padding: $spacing-tabs_bar_line_tab_medium-paddingTop $spacing-tabs_bar_line_tab_medium-paddingRight $spacing-tabs_bar_line_tab_medium-paddingBottom $spacing-tabs_bar_line_tab_medium-paddingLeft;
                 }
             }

+ 6 - 0
packages/semi-foundation/tabs/variables.scss

@@ -144,3 +144,9 @@ $radius-tabs_tab_card: var(--semi-border-radius-small) var(--semi-border-radius-
 $radius-tabs_tab_card_left: var(--semi-border-radius-small) 0 0 var(--semi-border-radius-small); // 垂直卡片式页签四向圆角
 $radius-tabs_tab_button: var(--semi-border-radius-small); // 按钮式页签圆角
 
+
+$font-tabs_bar_large-fontSize: $font-size-regular; // 大号模式 字体大小
+$font-tabs_bar_small-fontSize: $font-size-regular; // 小号模式 字体大小
+$font-tabs_bar_medium-fontSize: $font-size-regular; // 中等模式 字体大小
+
+