@alifd/theme-panda 0.1.3 → 0.2.1

package/variables.scss

@@ -1,7 +1,42 @@
 
 
+// ------------------------ 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);
+$color-line1-7: rgba(0,0,0,0.08);
+$color-line1-6: rgba(237,238,242,1);
 $color-text1-4: rgba(46,48,56,1);
 $color-text1-6: rgba(0,12,23,1);
 $color-other-7: rgba(0,21,41,1);
@@ -720,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);
@@ -790,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 ------------------------ //
@@ -949,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;
@@ -962,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;
@@ -1055,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;
@@ -1221,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;
@@ -1326,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;
@@ -1418,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;
@@ -1457,12 +1460,12 @@ $btn-warning-normal-border-color-hover: #ff7875;
 $btn-warning-normal-border-color-active: #d9363e;
 $btn-warning-normal-bg-hover: #FFFFFF;
 $btn-warning-normal-bg-active: #FFFFFF;
-$btn-pure-normal-border-color: #f0f0f0;
 $btn-size-l-corner: 6px;
 $btn-size-s-corner: 6px;
 $btn-size-m-padding: 12px;
 $btn-size-m-corner: 6px;
 $btn-size-l-padding: 16px;
+$btn-pure-normal-border-color: #edeef2;
 
 // ------------------------ tag ------------------------ //
 
@@ -1474,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;
@@ -1644,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: "";
@@ -1698,7 +1701,6 @@ $table-group-header-corner-top: 0px;
 $table-group-header-corner-bottom: 0px;
 $table-group-footer-corner-top: 0px;
 $table-group-footer-corner-bottom: 0px;
-$table-normal-border-color: #f0f0f0;
 $table-normal-border-style: solid;
 $table-th-color: #2e3038;
 $table-sort-color: #2e3038;
@@ -1722,13 +1724,14 @@ $table-th-font-weight: 500;
 $table-body-font-size: 14px;
 $table-cell-padding-top: 16px;
 $table-cell-padding-left: 16px;
-$table-th-bg: #fafafa;
 $table-group-th-bg: #fafafa;
 $table-group-footer-bg: #fafafa;
 $table-row-hover-bg: #fafafa;
 $table-row-selected-bg: #e6f7ff;
-$table-header-corner-top: 6px;
+$table-header-corner-top: 8px;
 $table-header-corner-bottom: 0px;
+$table-normal-border-color: rgba(0, 0, 0, 0.08);
+$table-th-bg: #f8f9fb;
 
 // ------------------------ upload ------------------------ //
 
@@ -1792,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;
@@ -1805,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);
@@ -1822,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;
@@ -2111,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;
@@ -2437,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;
@@ -2539,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;
@@ -2568,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;
@@ -2661,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;
@@ -2745,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;
@@ -2793,14 +2796,8 @@ $menu-icon-selected-hover-color: transparent;
 
 // ------------------------ nav ------------------------ //
 
-$nav-hoz-height: 44px;
 $nav-hoz-font-size: 14px;
-$nav-hoz-item-margin-tb: 0px;
-$nav-hoz-item-margin-lr: 0px;
-$nav-hoz-item-padding-lr: 20px;
-$nav-hoz-item-corner: 0px;
 $nav-hoz-item-selected-active-line: 2px;
-$nav-hoz-item-hover-active-line: 0px;
 $nav-ver-font-size: 14px;
 $nav-ver-item-margin-tb: 0px;
 $nav-ver-item-margin-lr: 0px;
@@ -2808,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;
@@ -2918,23 +2915,29 @@ $nav-line-group-text-color: #999999;
 $nav-line-group-text-style: normal;
 $nav-ver-height: 44px;
 $nav-ver-sub-nav-height: 44px;
-$nav-icon-self-margin: 12px;
-$nav-primary-bg-color: #001529;
 $nav-primary-border-color: transparent;
 $nav-primary-text-color: rgba(255, 255, 255, 0.65);
-$nav-primary-text-style: 300;
 $nav-primary-sub-nav-bg-color: #000c17;
 $nav-primary-sub-nav-text-color: rgba(255, 255, 255, 0.65);
 $nav-primary-sub-nav-text-style: 300;
-$nav-primary-item-hover-bg-color: transparent;
-$nav-primary-item-hover-text-style: 300;
 $nav-primary-item-hover-active-color: transparent;
 $nav-primary-sub-nav-hover-bg-color: #000c17;
 $nav-primary-item-selected-bg-color: #257df9;
-$nav-primary-item-selected-text-style: 300;
 $nav-primary-item-selected-active-color: transparent;
 $nav-primary-sub-nav-selected-bg-color: #257df9;
 $nav-primary-item-opened-bg-color: transparent;
+$nav-hoz-item-margin-tb: 8px;
+$nav-hoz-item-margin-lr: 0px;
+$nav-hoz-item-padding-lr: 20px;
+$nav-hoz-item-corner: 8px;
+$nav-hoz-item-hover-active-line: 0px;
+$nav-icon-self-margin: 12px;
+$nav-hoz-height: 32px;
+$nav-primary-bg-color: #000a24;
+$nav-primary-text-style: normal;
+$nav-primary-item-hover-bg-color: transparent;
+$nav-primary-item-hover-text-style: 500;
+$nav-primary-item-selected-text-style: 500;
 
 // ------------------------ list ------------------------ //
 
@@ -2983,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;
@@ -3049,7 +3052,6 @@ $tab-capsule-bg-color-hover: #FFFFFF;
 $tab-capsule-bg-color-selected: #FFFFFF;
 $tab-capsule-tab-border-line-color-hover: #40a9ff;
 $tab-text-text-color-hover: #40a9ff;
-$tab-item-padding-tb-size-m: 20px;
 $tab-item-padding-lr-size-m: 16px;
 $tab-item-text-size-m: 14px;
 $tab-item-font-weight-selected: 500;
@@ -3057,6 +3059,7 @@ $tab-pure-divider-line-width: 1px;
 $tab-pure-ink-bar-padding-l: 32px;
 $tab-pure-text-color-hover: #000000;
 $tab-pure-text-color-selected: #000000;
+$tab-item-padding-tb-size-m: 16px;
 
 // ------------------------ calendar ------------------------ //
 
@@ -3094,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;
@@ -3152,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);