From baf11400d8e27a24bfc4a7c2e4d886e0c9b5cfe4 Mon Sep 17 00:00:00 2001 From: neverland Date: Tue, 6 Jul 2021 10:14:11 +0800 Subject: [PATCH] fix(Col): incorrect style in less 4.0 (#4322) --- packages/col/index.less | 4 ++-- packages/common/style/var.less | 2 +- packages/search/index.less | 2 +- packages/uploader/index.less | 2 -- 4 files changed, 4 insertions(+), 6 deletions(-) diff --git a/packages/col/index.less b/packages/col/index.less index 74ad5ce2..eef9730c 100644 --- a/packages/col/index.less +++ b/packages/col/index.less @@ -6,10 +6,10 @@ .generate(24); .generate(@n, @i: 1) when (@i =< @n) { .van-col--@{i} { - width: @i * 100% / 24; + width: @i * (100% / 24); } .van-col--offset-@{i} { - margin-left: @i * 100% / 24; + margin-left: @i * (100% / 24); } .generate(@n, (@i + 1)); } diff --git a/packages/common/style/var.less b/packages/common/style/var.less index 1a82e051..601334ee 100644 --- a/packages/common/style/var.less +++ b/packages/common/style/var.less @@ -269,7 +269,7 @@ @goods-action-icon-text-color: @gray-7; @goods-action-button-height: 40px; @goods-action-button-line-height: @button-line-height; -@goods-action-button-border-radius: @goods-action-button-height / 2; +@goods-action-button-border-radius: @border-radius-max; @goods-action-button-warning-color: @gradient-orange; @goods-action-button-danger-color: @gradient-red; @goods-action-button-plain-color: @white; diff --git a/packages/search/index.less b/packages/search/index.less index 27fa5255..15fd6bc4 100644 --- a/packages/search/index.less +++ b/packages/search/index.less @@ -15,7 +15,7 @@ .theme(background-color, '@search-background-color'); &--round { - .theme(border-radius, 'calc(@search-input-height / 2)'); + .theme(border-radius, '@border-radius-max'); } } diff --git a/packages/uploader/index.less b/packages/uploader/index.less index 4ca322f8..dcae2f4c 100644 --- a/packages/uploader/index.less +++ b/packages/uploader/index.less @@ -86,9 +86,7 @@ top: -2px; right: -2px; z-index: 1; - // font-size: 16px; transform: scale(0.5); - // .theme(font-size, 'calc(@uploader-delete-icon-size / 2 + 9px)'); .theme(font-size, 'calc(@uploader-delete-icon-size + 2px)'); .theme(color, '@uploader-delete-color'); }