From 0face945c910569d0a1d0c179468509c3619ac1d Mon Sep 17 00:00:00 2001 From: neverland Date: Fri, 27 Sep 2019 10:50:43 +0800 Subject: [PATCH] feat: update some less vars (#4598) --- src/action-sheet/index.less | 2 +- src/address-list/index.less | 2 +- src/sku/index.less | 4 ++-- src/stepper/index.less | 2 +- src/style/var.less | 14 +++++++------- src/toast/index.less | 2 +- 6 files changed, 13 insertions(+), 13 deletions(-) diff --git a/src/action-sheet/index.less b/src/action-sheet/index.less index fa54f69f0..2ce87c9c3 100644 --- a/src/action-sheet/index.less +++ b/src/action-sheet/index.less @@ -32,7 +32,7 @@ } &__subname { - margin-left: 5px; + margin-left: @padding-base; color: @action-sheet-subname-color; font-size: @action-sheet-subname-font-size; } diff --git a/src/address-list/index.less b/src/address-list/index.less index 72a863066..17a438586 100644 --- a/src/address-list/index.less +++ b/src/address-list/index.less @@ -28,7 +28,7 @@ } &__name { - margin-bottom: 5px; + margin-bottom: @padding-base; font-weight: @font-weight-bold; font-size: @font-size-md; line-height: 20px; diff --git a/src/sku/index.less b/src/sku/index.less index 0a4969617..d53f63a97 100644 --- a/src/sku/index.less +++ b/src/sku/index.less @@ -35,7 +35,7 @@ margin: @padding-sm 0; overflow: hidden; background: @background-color; - border-radius: @border-radius-base; + border-radius: @border-radius-md; img { position: absolute; @@ -141,7 +141,7 @@ font-size: 13px; line-height: 16px; vertical-align: middle; - border-radius: @border-radius-base; + border-radius: @border-radius-md; &::before { position: absolute; diff --git a/src/stepper/index.less b/src/stepper/index.less index 381d1c96b..3f8abcaf8 100644 --- a/src/stepper/index.less +++ b/src/stepper/index.less @@ -11,7 +11,7 @@ width: @stepper-input-height; height: @stepper-input-height; margin: 0; - padding: 5px; + padding: @padding-base; color: @stepper-button-icon-color; vertical-align: middle; background-color: @stepper-background-color; diff --git a/src/style/var.less b/src/style/var.less index bc6552ddf..18194d7c8 100644 --- a/src/style/var.less +++ b/src/style/var.less @@ -42,8 +42,8 @@ // Border @border-color: #ebedf0; @border-width-base: 1px; -@border-radius-base: 4px; @border-radius-sm: 2px; +@border-radius-md: 4px; // ActionSheet @action-sheet-max-height: 90%; @@ -72,7 +72,7 @@ @address-list-disabled-text-color: @gray-dark; @address-list-disabled-text-font-size: @font-size-sm; @address-list-disabled-text-line-height: 30px; -@address-list-add-button-z-index: 9999; +@address-list-add-button-z-index: 999; @address-list-item-padding: @padding-md; @address-list-item-text-color: @gray-darker; @address-list-item-disabled-text-color: @gray-dark; @@ -197,7 +197,7 @@ // ContactList @contact-list-edit-icon-size: 16px; -@contact-list-add-button-z-index: 9999; +@contact-list-add-button-z-index: 999; @contact-list-item-padding: @padding-md; // CountDown @@ -211,7 +211,7 @@ @coupon-content-padding: @padding-lg 0 0 @padding-md; @coupon-background-color: @white; @coupon-active-background-color: @active-color; -@coupon-border-radius: @border-radius-base; +@coupon-border-radius: @border-radius-md; @coupon-box-shadow: 0 0 4px rgba(0, 0, 0, 0.1); @coupon-head-width: 85px; @coupon-amount-color: @red; @@ -239,7 +239,7 @@ @dialog-width: 85%; @dialog-font-size: @font-size-lg; @dialog-transition: @animation-duration-base; -@dialog-border-radius: @border-radius-base; +@dialog-border-radius: @border-radius-md; @dialog-background-color: @white; @dialog-header-font-weight: @font-weight-bold; @dialog-header-line-height: 24px; @@ -556,7 +556,7 @@ @stepper-input-text-color: @text-color; @stepper-input-disabled-text-color: @gray; @stepper-input-disabled-background-color: @active-color; -@stepper-border-radius: @border-radius-base; +@stepper-border-radius: @border-radius-md; // SubmitBar @submit-bar-height: 50px; @@ -648,7 +648,7 @@ @toast-font-size: @font-size-md; @toast-text-color: @white; @toast-line-height: 20px; -@toast-border-radius: @border-radius-base; +@toast-border-radius: @border-radius-md; @toast-background-color: rgba(@text-color, .88); @toast-icon-size: 40px; @toast-text-min-width: 96px; diff --git a/src/toast/index.less b/src/toast/index.less index 282925fce..312e72517 100644 --- a/src/toast/index.less +++ b/src/toast/index.less @@ -60,7 +60,7 @@ } &__loading { - padding: 5px; + padding: @padding-base; } &__text {