@alifd/theme-panda 0.2.0 → 0.2.1

package/variables.less

@@ -1,5 +1,37 @@
 
 
+// ------------------------ font ------------------------ //
+
+@font-size-caption: 12px;
+@font-name-bold: "";
+@font-name-medium: "";
+@font-name-regular: "";
+@font-name-light: "";
+@font-name-thin: "";
+@font-custom-name: "";
+@font-custom-path: "";
+@font-size-body-1: 14px;
+@font-size-body-2: 16px;
+@font-size-subhead: 18px;
+@font-family-base: "Helvetica Neue",Helvetica,Tahoma,Arial,"PingFang SC","Microsoft YaHei";
+@font-weight-ultra-bold: 900;
+@font-weight-extra-bold: 800;
+@font-weight-3: bold;
+@font-weight-semi-bold: 600;
+@font-weight-medium: 500;
+@font-weight-2: normal;
+@font-weight-light: 300;
+@font-weight-thin: 200;
+@font-weight-1: lighter;
+@font-size-title: 20px;
+@font-size-headline: 24px;
+@font-size-display-1: 36px;
+@font-size-display-2: 48px;
+@font-size-display-3: 56px;
+@font-lineheight-3: 1.7;
+@font-lineheight-2: 1.5;
+@font-lineheight-1: 1.3;
+
 // ------------------------ color ------------------------ //
 
 @color-fill1-5: rgba(0,10,36,1);
@@ -723,38 +755,6 @@
 @icon-xxs: 8px;
 @icon-font-name: "icon";
 
-// ------------------------ font ------------------------ //
-
-@font-name-bold: "";
-@font-name-medium: "";
-@font-name-regular: "";
-@font-name-light: "";
-@font-name-thin: "";
-@font-custom-name: "";
-@font-custom-path: "";
-@font-size-caption: 14px;
-@font-size-body-1: 14px;
-@font-size-body-2: 16px;
-@font-size-subhead: 18px;
-@font-family-base: "Helvetica Neue",Helvetica,Tahoma,Arial,"PingFang SC","Microsoft YaHei";
-@font-weight-ultra-bold: 900;
-@font-weight-extra-bold: 800;
-@font-weight-3: bold;
-@font-weight-semi-bold: 600;
-@font-weight-medium: 500;
-@font-weight-2: normal;
-@font-weight-light: 300;
-@font-weight-thin: 200;
-@font-weight-1: lighter;
-@font-size-title: 20px;
-@font-size-headline: 24px;
-@font-size-display-1: 36px;
-@font-size-display-2: 48px;
-@font-size-display-3: 56px;
-@font-lineheight-3: 1.7;
-@font-lineheight-2: 1.5;
-@font-lineheight-1: 1.3;
-
 // ------------------------ popup ------------------------ //
 
 @popup-local-shadow: 0px 0px 12px 0px rgba(0, 0, 0, 0.12);
@@ -793,12 +793,12 @@
 @form-element-large-preview-label-font-size: 18px;
 @form-element-medium-preview-font-size: 14px;
 @form-element-medium-preview-label-font-size: 14px;
-@form-element-small-preview-font-size: 14px;
-@form-element-small-preview-label-font-size: 14px;
+@form-element-small-preview-font-size: 12px;
+@form-element-small-preview-label-font-size: 12px;
 @form-element-large-preview-height: 40px;
 @form-element-large-font-size: 18px;
 @form-element-medium-font-size: 14px;
-@form-element-small-font-size: 14px;
+@form-element-small-font-size: 12px;
 @form-element-large-height: 40px;
 
 // ------------------------ size ------------------------ //
@@ -952,7 +952,7 @@
 
 @timeline-item-node-size: 16px;
 @timeline-item-custom-node-size: 40px;
-@timeline-item-custom-node-font-size: 14px;
+@timeline-item-custom-node-font-size: 12px;
 @timeline-item-node-padding: 4px;
 @timeline-item-dot-size: 8px;
 @timeline-item-icon-size: 12px;
@@ -965,10 +965,10 @@
 @timeline-item-title-margin-top: 4px;
 @timeline-item-time-margin-top: 4px;
 @timeline-item-time-margin-bottom: 12px;
-@timeline-item-body-font-size: 14px;
-@timeline-item-left-body-font-size: 14px;
-@timeline-item-time-font-size: 14px;
-@timeline-item-folder-font-size: 14px;
+@timeline-item-body-font-size: 12px;
+@timeline-item-left-body-font-size: 12px;
+@timeline-item-time-font-size: 12px;
+@timeline-item-folder-font-size: 12px;
 @timeline-item-folder-margin-top: 4px;
 @timeline-item-folder-margin-bottom: 4px;
 @timeline-item-title-color: #2e3038;
@@ -1058,7 +1058,7 @@
 
 @rating-small-text-margin-left: 8px;
 @rating-small-icon-size: 12px;
-@rating-small-font-size: 14px;
+@rating-small-font-size: 12px;
 @rating-medium-text-margin-left: 12px;
 @rating-medium-icon-size: 16px;
 @rating-medium-font-size: 14px;
@@ -1224,7 +1224,7 @@
 @card-head-main-margin-bottom: 0px;
 @card-title-font-size: 18px;
 @card-title-font-weight: normal;
-@card-sub-title-font-size: 14px;
+@card-sub-title-font-size: 12px;
 @card-title-extra-font-size: 14px;
 @card-title-bullet-width: 3px;
 @card-title-bullet-height: 16px;
@@ -1329,7 +1329,7 @@
 @btn-shadow: none;
 @btn-shadow-hover: none;
 @btn-size-s-border-width: 1px;
-@btn-size-s-font: 14px;
+@btn-size-s-font: 12px;
 @btn-size-s-icon-size: 12px;
 @btn-size-s-icon-margin: 4px;
 @btn-size-s-icon-split-size: 12px;
@@ -1421,7 +1421,7 @@
 @btn-text-normal-color: #2e3038;
 @btn-text-normal-color-hover: #257df9;
 @btn-text-size-s-height: 16px;
-@btn-text-size-s-font: 14px;
+@btn-text-size-s-font: 12px;
 @btn-text-icon-size-s: 16px;
 @btn-text-icon-s-margin: 4px;
 @btn-text-size-m-height: 20px;
@@ -1477,7 +1477,7 @@
 @tag-checkable-corner-radius: 6px;
 @tag-border-width: 1px;
 @tag-shadow: none;
-@tag-size-s-text-size: 14px;
+@tag-size-s-text-size: 12px;
 @tag-size-s-content-min-width: 28px;
 @tag-size-m-content-min-width: 40px;
 @tag-size-l-content-min-width: 48px;
@@ -1647,7 +1647,7 @@
 @input-maxlen-error-color: #ff4d4f;
 @input-maxlen-warning-color: #faad14;
 @input-maxlen-color: #999999;
-@input-maxlen-font-size: 14px;
+@input-maxlen-font-size: 12px;
 @input-hint-color: #999999;
 @input-hint-hover-color: rgba(0, 0, 0, 0.75);
 @input-feedback-clear-icon: "";
@@ -1795,10 +1795,10 @@
 @upload-card-list-border-color: #cacaca;
 @upload-card-list-border-color-error: #ff4d4f;
 @upload-card-list-thumbnail-font-color: rgba(0, 0, 0, 0.4);
-@upload-card-list-thumbnail-font-size: 14px;
+@upload-card-list-thumbnail-font-size: 12px;
 @upload-card-list-thumbnail-icon-size: 48px;
 @upload-card-list-name-margin-top: 4px;
-@upload-card-list-name-font-size: 14px;
+@upload-card-list-name-font-size: 12px;
 @upload-card-list-name-font-color: rgba(0, 0, 0, 0.75);
 @upload-card-list-progressbar-height: 8px;
 @upload-select-card-tool-bg-color: #000000;
@@ -1808,7 +1808,7 @@
 @upload-drag-zone-corner: 6px;
 @upload-drag-zone-font-size: 16px;
 @upload-drag-zone-icon-size: 24px;
-@upload-drag-zone-hint-font-size: 14px;
+@upload-drag-zone-hint-font-size: 12px;
 @upload-drag-zone-bg-color: transparent;
 @upload-drag-zone-upload-icon: "";
 @upload-drag-zone-upload-icon-color: rgba(0, 0, 0, 0.75);
@@ -1825,7 +1825,7 @@
 @badge-size-count-config-height: 16px;
 @badge-size-count-padding-lr: 4px;
 @badge-size-custom-padding-lr: 4px;
-@badge-size-count-font: 14px;
+@badge-size-count-font: 12px;
 @badge-color-bg: #ff4d4f;
 @badge-size-count-border-radius: 8px;
 @badge-dot-color-bg: #ff4d4f;
@@ -2114,8 +2114,8 @@
 @progress-line-height-size-s: 4px;
 @progress-line-underlay-border-width: 1px;
 @progress-line-font-l: 14px;
-@progress-line-font-m: 14px;
-@progress-line-font-s: 14px;
+@progress-line-font-m: 12px;
+@progress-line-font-s: 12px;
 @progress-line-underlay-color: #EBECF0;
 @progress-line-underlay-border-color: #f0f0f0;
 @progress-line-radius-l: 16px;
@@ -2440,10 +2440,10 @@
 @pagination-small-item-border-width: 1px;
 @pagination-small-item-corner: 6px;
 @pagination-small-ellipsis-size: 12px;
-@pagination-small-current-font-size: 14px;
-@pagination-small-total-font-size: 14px;
+@pagination-small-current-font-size: 12px;
+@pagination-small-total-font-size: 12px;
 @pagination-small-input-width: 28px;
-@pagination-small-jump-font-size: 14px;
+@pagination-small-jump-font-size: 12px;
 @pagination-small-size-selector-number-padding: 8px;
 @pagination-ellipsis-color: #999999;
 @pagination-current-color: #257df9;
@@ -2542,7 +2542,7 @@
 @radio-button-corner-small: 6px;
 @radio-button-font-size-large: 18px;
 @radio-button-font-size-medium: 14px;
-@radio-button-font-size-small: 14px;
+@radio-button-font-size-small: 12px;
 @radio-button-bg-color: #FFFFFF;
 @radio-button-bg-color-hovered: #f8f9fb;
 @radio-button-bg-color-checked: #FFFFFF;
@@ -2571,8 +2571,8 @@
 @time-picker-panel-width: 200px;
 @time-picker-panel-background: #FFFFFF;
 @time-picker-menu-border-width: 1px;
-@time-picker-menu-title-font-size: 14px;
-@time-picker-menu-item-font-size: 14px;
+@time-picker-menu-title-font-size: 12px;
+@time-picker-menu-item-font-size: 12px;
 @time-picker-menu-title-height: 28px;
 @time-picker-menu-item-height: 28px;
 @time-picker-menu-border-color: #cacaca;
@@ -2664,12 +2664,12 @@
 @step-circle-item-node-padding: 8px;
 @step-circle-item-node-border-width: 1px;
 @step-circle-item-node-icon-size: 12px;
-@step-circle-item-node-font-size: 14px;
+@step-circle-item-node-font-size: 12px;
 @step-circle-item-node-corner: 50%;
 @step-circle-item-tail-size: 1px;
 @step-circle-item-title-margin-top: 8px;
 @step-circle-item-content-margin-top: 4px;
-@step-circle-item-content-font-size: 14px;
+@step-circle-item-content-font-size: 12px;
 @step-circle-item-body-width: 100px;
 @step-circle-item-title-size: 16px;
 @step-circle-item-title-weight: bold;
@@ -2748,7 +2748,7 @@
 @step-dot-vertical-item-body-margin-left: 16px;
 @step-dot-vertical-item-title-margin-top: 0px;
 @step-dot-vertical-item-content-margin-top: 8px;
-@step-dot-item-content-font-size: 14px;
+@step-dot-item-content-font-size: 12px;
 @step-dot-item-content-color: rgba(0, 0, 0, 0.75);
 @step-dot-item-tail-bg-color: #d9d9d9;
 @step-dot-vertical-item-tail-size: 1px;
@@ -2805,7 +2805,7 @@
 @nav-ver-item-corner: 0px;
 @nav-ver-item-selected-active-line: 2px;
 @nav-ver-item-hover-active-line: 0px;
-@nav-ver-sub-nav-font-size: 14px;
+@nav-ver-sub-nav-font-size: 12px;
 @nav-group-height: 40px;
 @nav-group-font-size: 14px;
 @nav-icon-self-size: 12px;
@@ -2986,7 +2986,7 @@
 @tab-nav-arrow-left-positon-right: 32px;
 @tab-nav-arrow-right-positon-right: 8px;
 @tab-nav-arrow-down-positon-right: 8px;
-@tab-item-text-size-s: 14px;
+@tab-item-text-size-s: 12px;
 @tab-close-icon-color: rgba(0, 0, 0, 0.75);
 @tab-close-icon-color-hover: #2e3038;
 @tab-close-icon-color-selected: #257df9;
@@ -3097,9 +3097,9 @@
 @calendar-fullscreen-table-cell-disabled-color: rgba(0, 0, 0, 0.4);
 @calendar-fullscreen-table-cell-disabled-border-color: #d9d9d9;
 @calendar-card-header-margin-bottom: 8px;
-@calendar-card-table-head-font-size: 14px;
+@calendar-card-table-head-font-size: 12px;
 @calendar-card-table-head-font-weight: normal;
-@calendar-card-table-cell-font-size: 14px;
+@calendar-card-table-cell-font-size: 12px;
 @calendar-card-table-cell-date-border-radius: 6px;
 @calendar-card-table-cell-date-width: 24px;
 @calendar-card-table-cell-date-height: 24px;
@@ -3155,8 +3155,8 @@
 
 // ------------------------ breadcrumb ------------------------ //
 
-@breadcrumb-size-m-font-size: 14px;
-@breadcrumb-size-ellipsis-font-size: 14px;
+@breadcrumb-size-m-font-size: 12px;
+@breadcrumb-size-ellipsis-font-size: 12px;
 @breadcrumb-size-m-icon-size: 8px;
 @breadcrumb-size-m-icon-margin: 8px;
 @breadcrumb-text-color: rgba(0, 0, 0, 0.75);

package/variables.scss

@@ -1,5 +1,37 @@
 
 
+// ------------------------ font ------------------------ //
+
+$font-size-caption: 12px;
+$font-name-bold: "";
+$font-name-medium: "";
+$font-name-regular: "";
+$font-name-light: "";
+$font-name-thin: "";
+$font-custom-name: "";
+$font-custom-path: "";
+$font-size-body-1: 14px;
+$font-size-body-2: 16px;
+$font-size-subhead: 18px;
+$font-family-base: "Helvetica Neue",Helvetica,Tahoma,Arial,"PingFang SC","Microsoft YaHei";
+$font-weight-ultra-bold: 900;
+$font-weight-extra-bold: 800;
+$font-weight-3: bold;
+$font-weight-semi-bold: 600;
+$font-weight-medium: 500;
+$font-weight-2: normal;
+$font-weight-light: 300;
+$font-weight-thin: 200;
+$font-weight-1: lighter;
+$font-size-title: 20px;
+$font-size-headline: 24px;
+$font-size-display-1: 36px;
+$font-size-display-2: 48px;
+$font-size-display-3: 56px;
+$font-lineheight-3: 1.7;
+$font-lineheight-2: 1.5;
+$font-lineheight-1: 1.3;
+
 // ------------------------ color ------------------------ //
 
 $color-fill1-5: rgba(0,10,36,1);
@@ -723,38 +755,6 @@ $icon-xs: 12px;
 $icon-xxs: 8px;
 $icon-font-name: "icon";
 
-// ------------------------ font ------------------------ //
-
-$font-name-bold: "";
-$font-name-medium: "";
-$font-name-regular: "";
-$font-name-light: "";
-$font-name-thin: "";
-$font-custom-name: "";
-$font-custom-path: "";
-$font-size-caption: 14px;
-$font-size-body-1: 14px;
-$font-size-body-2: 16px;
-$font-size-subhead: 18px;
-$font-family-base: "Helvetica Neue",Helvetica,Tahoma,Arial,"PingFang SC","Microsoft YaHei";
-$font-weight-ultra-bold: 900;
-$font-weight-extra-bold: 800;
-$font-weight-3: bold;
-$font-weight-semi-bold: 600;
-$font-weight-medium: 500;
-$font-weight-2: normal;
-$font-weight-light: 300;
-$font-weight-thin: 200;
-$font-weight-1: lighter;
-$font-size-title: 20px;
-$font-size-headline: 24px;
-$font-size-display-1: 36px;
-$font-size-display-2: 48px;
-$font-size-display-3: 56px;
-$font-lineheight-3: 1.7;
-$font-lineheight-2: 1.5;
-$font-lineheight-1: 1.3;
-
 // ------------------------ popup ------------------------ //
 
 $popup-local-shadow: 0px 0px 12px 0px rgba(0, 0, 0, 0.12);
@@ -793,12 +793,12 @@ $form-element-large-preview-font-size: 18px;
 $form-element-large-preview-label-font-size: 18px;
 $form-element-medium-preview-font-size: 14px;
 $form-element-medium-preview-label-font-size: 14px;
-$form-element-small-preview-font-size: 14px;
-$form-element-small-preview-label-font-size: 14px;
+$form-element-small-preview-font-size: 12px;
+$form-element-small-preview-label-font-size: 12px;
 $form-element-large-preview-height: 40px;
 $form-element-large-font-size: 18px;
 $form-element-medium-font-size: 14px;
-$form-element-small-font-size: 14px;
+$form-element-small-font-size: 12px;
 $form-element-large-height: 40px;
 
 // ------------------------ size ------------------------ //
@@ -952,7 +952,7 @@ $checkbox-checked-hovered-bg-color: #257df9;
 
 $timeline-item-node-size: 16px;
 $timeline-item-custom-node-size: 40px;
-$timeline-item-custom-node-font-size: 14px;
+$timeline-item-custom-node-font-size: 12px;
 $timeline-item-node-padding: 4px;
 $timeline-item-dot-size: 8px;
 $timeline-item-icon-size: 12px;
@@ -965,10 +965,10 @@ $timeline-item-title-font-weight: bold;
 $timeline-item-title-margin-top: 4px;
 $timeline-item-time-margin-top: 4px;
 $timeline-item-time-margin-bottom: 12px;
-$timeline-item-body-font-size: 14px;
-$timeline-item-left-body-font-size: 14px;
-$timeline-item-time-font-size: 14px;
-$timeline-item-folder-font-size: 14px;
+$timeline-item-body-font-size: 12px;
+$timeline-item-left-body-font-size: 12px;
+$timeline-item-time-font-size: 12px;
+$timeline-item-folder-font-size: 12px;
 $timeline-item-folder-margin-top: 4px;
 $timeline-item-folder-margin-bottom: 4px;
 $timeline-item-title-color: #2e3038;
@@ -1058,7 +1058,7 @@ $range-normal-mark-selected-color-disabled: #999999;
 
 $rating-small-text-margin-left: 8px;
 $rating-small-icon-size: 12px;
-$rating-small-font-size: 14px;
+$rating-small-font-size: 12px;
 $rating-medium-text-margin-left: 12px;
 $rating-medium-icon-size: 16px;
 $rating-medium-font-size: 14px;
@@ -1224,7 +1224,7 @@ $card-head-main-margin-top: 8px;
 $card-head-main-margin-bottom: 0px;
 $card-title-font-size: 18px;
 $card-title-font-weight: normal;
-$card-sub-title-font-size: 14px;
+$card-sub-title-font-size: 12px;
 $card-title-extra-font-size: 14px;
 $card-title-bullet-width: 3px;
 $card-title-bullet-height: 16px;
@@ -1329,7 +1329,7 @@ $typography-title-font-weight: 600;
 $btn-shadow: none;
 $btn-shadow-hover: none;
 $btn-size-s-border-width: 1px;
-$btn-size-s-font: 14px;
+$btn-size-s-font: 12px;
 $btn-size-s-icon-size: 12px;
 $btn-size-s-icon-margin: 4px;
 $btn-size-s-icon-split-size: 12px;
@@ -1421,7 +1421,7 @@ $btn-text-secondary-color-hover: #257df9;
 $btn-text-normal-color: #2e3038;
 $btn-text-normal-color-hover: #257df9;
 $btn-text-size-s-height: 16px;
-$btn-text-size-s-font: 14px;
+$btn-text-size-s-font: 12px;
 $btn-text-icon-size-s: 16px;
 $btn-text-icon-s-margin: 4px;
 $btn-text-size-m-height: 20px;
@@ -1477,7 +1477,7 @@ $tag-corner-radius: 6px;
 $tag-checkable-corner-radius: 6px;
 $tag-border-width: 1px;
 $tag-shadow: none;
-$tag-size-s-text-size: 14px;
+$tag-size-s-text-size: 12px;
 $tag-size-s-content-min-width: 28px;
 $tag-size-m-content-min-width: 40px;
 $tag-size-l-content-min-width: 48px;
@@ -1647,7 +1647,7 @@ $input-feedback-error-bg-color: #FFFFFF;
 $input-maxlen-error-color: #ff4d4f;
 $input-maxlen-warning-color: #faad14;
 $input-maxlen-color: #999999;
-$input-maxlen-font-size: 14px;
+$input-maxlen-font-size: 12px;
 $input-hint-color: #999999;
 $input-hint-hover-color: rgba(0, 0, 0, 0.75);
 $input-feedback-clear-icon: "";
@@ -1795,10 +1795,10 @@ $upload-card-list-padding: 0px;
 $upload-card-list-border-color: #cacaca;
 $upload-card-list-border-color-error: #ff4d4f;
 $upload-card-list-thumbnail-font-color: rgba(0, 0, 0, 0.4);
-$upload-card-list-thumbnail-font-size: 14px;
+$upload-card-list-thumbnail-font-size: 12px;
 $upload-card-list-thumbnail-icon-size: 48px;
 $upload-card-list-name-margin-top: 4px;
-$upload-card-list-name-font-size: 14px;
+$upload-card-list-name-font-size: 12px;
 $upload-card-list-name-font-color: rgba(0, 0, 0, 0.75);
 $upload-card-list-progressbar-height: 8px;
 $upload-select-card-tool-bg-color: #000000;
@@ -1808,7 +1808,7 @@ $upload-drag-zone-over-border-color: #257df9;
 $upload-drag-zone-corner: 6px;
 $upload-drag-zone-font-size: 16px;
 $upload-drag-zone-icon-size: 24px;
-$upload-drag-zone-hint-font-size: 14px;
+$upload-drag-zone-hint-font-size: 12px;
 $upload-drag-zone-bg-color: transparent;
 $upload-drag-zone-upload-icon: "";
 $upload-drag-zone-upload-icon-color: rgba(0, 0, 0, 0.75);
@@ -1825,7 +1825,7 @@ $badge-size-list-margin: 0px;
 $badge-size-count-config-height: 16px;
 $badge-size-count-padding-lr: 4px;
 $badge-size-custom-padding-lr: 4px;
-$badge-size-count-font: 14px;
+$badge-size-count-font: 12px;
 $badge-color-bg: #ff4d4f;
 $badge-size-count-border-radius: 8px;
 $badge-dot-color-bg: #ff4d4f;
@@ -2114,8 +2114,8 @@ $progress-line-height-size-m: 8px;
 $progress-line-height-size-s: 4px;
 $progress-line-underlay-border-width: 1px;
 $progress-line-font-l: 14px;
-$progress-line-font-m: 14px;
-$progress-line-font-s: 14px;
+$progress-line-font-m: 12px;
+$progress-line-font-s: 12px;
 $progress-line-underlay-color: #EBECF0;
 $progress-line-underlay-border-color: #f0f0f0;
 $progress-line-radius-l: 16px;
@@ -2440,10 +2440,10 @@ $pagination-small-item-padding: 6px;
 $pagination-small-item-border-width: 1px;
 $pagination-small-item-corner: 6px;
 $pagination-small-ellipsis-size: 12px;
-$pagination-small-current-font-size: 14px;
-$pagination-small-total-font-size: 14px;
+$pagination-small-current-font-size: 12px;
+$pagination-small-total-font-size: 12px;
 $pagination-small-input-width: 28px;
-$pagination-small-jump-font-size: 14px;
+$pagination-small-jump-font-size: 12px;
 $pagination-small-size-selector-number-padding: 8px;
 $pagination-ellipsis-color: #999999;
 $pagination-current-color: #257df9;
@@ -2542,7 +2542,7 @@ $radio-button-corner-medium: 6px;
 $radio-button-corner-small: 6px;
 $radio-button-font-size-large: 18px;
 $radio-button-font-size-medium: 14px;
-$radio-button-font-size-small: 14px;
+$radio-button-font-size-small: 12px;
 $radio-button-bg-color: #FFFFFF;
 $radio-button-bg-color-hovered: #f8f9fb;
 $radio-button-bg-color-checked: #FFFFFF;
@@ -2571,8 +2571,8 @@ $radio-checked-hovered-circle-color: #257df9;
 $time-picker-panel-width: 200px;
 $time-picker-panel-background: #FFFFFF;
 $time-picker-menu-border-width: 1px;
-$time-picker-menu-title-font-size: 14px;
-$time-picker-menu-item-font-size: 14px;
+$time-picker-menu-title-font-size: 12px;
+$time-picker-menu-item-font-size: 12px;
 $time-picker-menu-title-height: 28px;
 $time-picker-menu-item-height: 28px;
 $time-picker-menu-border-color: #cacaca;
@@ -2664,12 +2664,12 @@ $step-arrow-item-title-disabled-color: rgba(0, 0, 0, 0.4);
 $step-circle-item-node-padding: 8px;
 $step-circle-item-node-border-width: 1px;
 $step-circle-item-node-icon-size: 12px;
-$step-circle-item-node-font-size: 14px;
+$step-circle-item-node-font-size: 12px;
 $step-circle-item-node-corner: 50%;
 $step-circle-item-tail-size: 1px;
 $step-circle-item-title-margin-top: 8px;
 $step-circle-item-content-margin-top: 4px;
-$step-circle-item-content-font-size: 14px;
+$step-circle-item-content-font-size: 12px;
 $step-circle-item-body-width: 100px;
 $step-circle-item-title-size: 16px;
 $step-circle-item-title-weight: bold;
@@ -2748,7 +2748,7 @@ $step-dot-vertical-item-node-padding: 8px;
 $step-dot-vertical-item-body-margin-left: 16px;
 $step-dot-vertical-item-title-margin-top: 0px;
 $step-dot-vertical-item-content-margin-top: 8px;
-$step-dot-item-content-font-size: 14px;
+$step-dot-item-content-font-size: 12px;
 $step-dot-item-content-color: rgba(0, 0, 0, 0.75);
 $step-dot-item-tail-bg-color: #d9d9d9;
 $step-dot-vertical-item-tail-size: 1px;
@@ -2805,7 +2805,7 @@ $nav-ver-item-padding-lr: 20px;
 $nav-ver-item-corner: 0px;
 $nav-ver-item-selected-active-line: 2px;
 $nav-ver-item-hover-active-line: 0px;
-$nav-ver-sub-nav-font-size: 14px;
+$nav-ver-sub-nav-font-size: 12px;
 $nav-group-height: 40px;
 $nav-group-font-size: 14px;
 $nav-icon-self-size: 12px;
@@ -2986,7 +2986,7 @@ $tab-nav-close-icon-padding-l-size-s: 8px;
 $tab-nav-arrow-left-positon-right: 32px;
 $tab-nav-arrow-right-positon-right: 8px;
 $tab-nav-arrow-down-positon-right: 8px;
-$tab-item-text-size-s: 14px;
+$tab-item-text-size-s: 12px;
 $tab-close-icon-color: rgba(0, 0, 0, 0.75);
 $tab-close-icon-color-hover: #2e3038;
 $tab-close-icon-color-selected: #257df9;
@@ -3097,9 +3097,9 @@ $calendar-fullscreen-table-cell-disabled-background: whitesmoke;
 $calendar-fullscreen-table-cell-disabled-color: rgba(0, 0, 0, 0.4);
 $calendar-fullscreen-table-cell-disabled-border-color: #d9d9d9;
 $calendar-card-header-margin-bottom: 8px;
-$calendar-card-table-head-font-size: 14px;
+$calendar-card-table-head-font-size: 12px;
 $calendar-card-table-head-font-weight: normal;
-$calendar-card-table-cell-font-size: 14px;
+$calendar-card-table-cell-font-size: 12px;
 $calendar-card-table-cell-date-border-radius: 6px;
 $calendar-card-table-cell-date-width: 24px;
 $calendar-card-table-cell-date-height: 24px;
@@ -3155,8 +3155,8 @@ $calendar-btn-arrow-content-next-super: "";
 
 // ------------------------ breadcrumb ------------------------ //
 
-$breadcrumb-size-m-font-size: 14px;
-$breadcrumb-size-ellipsis-font-size: 14px;
+$breadcrumb-size-m-font-size: 12px;
+$breadcrumb-size-ellipsis-font-size: 12px;
 $breadcrumb-size-m-icon-size: 8px;
 $breadcrumb-size-m-icon-margin: 8px;
 $breadcrumb-text-color: rgba(0, 0, 0, 0.75);