alighasami/vant
1
0
Fork 0
Code Issues Pull Requests Actions 2 Packages Projects Releases Wiki Activity

[improvement] Progress、Search: add less vars

Browse Source
This commit is contained in:
陈嘉涵
2019-05-16 17:56:48 +08:00
parent 399f245460
commit aacd168dd6
4 changed files with 72 additions and 50 deletions
Download Patch File Download Diff File Expand all files Collapse all files
packages/style/var.less
+49 -27
View File
@@ -363,6 +363,19 @@
@popup-background-color: @white;
@popup-transition: .3s ease-out;
// Progress
@progress-height: 4px;
@progress-background-color: @gray-light;
@progress-pivot-padding: 0 5px;
@progress-pivot-font-size: 10px;
@progress-pivot-line-height: 1.6;
@progress-pivot-background-color: @gray-light;
// PullRefresh
@pull-refresh-head-height: 50px;
@pull-refresh-head-font-size: 14px;
@pull-refresh-head-text-color: @gray-dark;
// Radio
@radio-size: 20px;
@radio-border-color: @gray-light;
@@ -377,6 +390,18 @@
// Rate
@rate-horizontal-padding: 2px;
// Search
@search-padding: 10px 16px;
@search-background-color: #f7f8fA;
@search-input-height: 34px;
@search-label-padding: 0 5px;
@search-label-color: @text-color;
@search-label-font-size: 14px;
@search-left-icon-color: @gray-dark;
@search-action-padding: 0 10px;
@search-action-text-color: @text-color;
@search-action-font-size: 14px;
// Sidebar
@sidebar-width: 85px;
@@ -409,6 +434,30 @@
@slider-button-background-color: @white;
@slider-button-box-shadow: 0 1px 2px rgba(0, 0, 0, .5);
// Stepper
@stepper-active-color: #e8e8e8;
@stepper-background-color: @active-color;
@stepper-button-disabled-color: #f7f8fa;
@stepper-input-disabled-color: @active-color;
@stepper-border-radius: 4px;
// SubmitBar
@submit-bar-height: 50px;
@submit-bar-z-index: 100;
@submit-bar-background-color: @white;
@submit-bar-button-width: 110px;
@submit-bar-price-color: @red;
@submit-bar-price-font-size: 18px;
@submit-bar-currency-font-size: 14px;
@submit-bar-text-color: @text-color;
@submit-bar-text-font-size: 14px;
@submit-bar-tip-padding: 10px;
@submit-bar-tip-font-size: 12px;
@submit-bar-tip-line-height: 1.5;
@submit-bar-tip-color: #f56723;
@submit-bar-tip-background-color: #fff7cc;
@submit-bar-tip-icon-size: 12px;
// Swipe
@swipe-indicator-size: 6px;
@swipe-indicator-margin: 10px;
@@ -477,33 +526,6 @@
@toast-position-top-distance: 50px;
@toast-position-bottom-distance: 50px;
// Search
@search-background-color: #f7f8fA;
// Stepper
@stepper-active-color: #e8e8e8;
@stepper-background-color: @active-color;
@stepper-button-disabled-color: #f7f8fa;
@stepper-input-disabled-color: @active-color;
@stepper-border-radius: 4px;
// SubmitBar
@submit-bar-height: 50px;
@submit-bar-z-index: 100;
@submit-bar-background-color: @white;
@submit-bar-button-width: 110px;
@submit-bar-price-color: @red;
@submit-bar-price-font-size: 18px;
@submit-bar-currency-font-size: 14px;
@submit-bar-text-color: @text-color;
@submit-bar-text-font-size: 14px;
@submit-bar-tip-padding: 10px;
@submit-bar-tip-font-size: 12px;
@submit-bar-tip-line-height: 1.5;
@submit-bar-tip-color: #f56723;
@submit-bar-tip-background-color: #fff7cc;
@submit-bar-tip-icon-size: 12px;
// TreeSelect
@tree-select-font-size: 14px;
@tree-select-nav-background-color: @background-color-light;