From 2ec219ea8527c87fc4cf78d4a5abee0c31f6683a Mon Sep 17 00:00:00 2001 From: neverland Date: Fri, 15 Oct 2021 10:27:03 +0800 Subject: [PATCH] style: css vars support gradient background color (#9678) --- packages/vant/src/action-bar-icon/index.less | 2 +- packages/vant/src/action-bar/index.less | 2 +- packages/vant/src/action-sheet/index.less | 4 ++-- packages/vant/src/address-edit/index.less | 2 +- packages/vant/src/badge/index.less | 4 ++-- packages/vant/src/calendar/index.less | 6 +++--- packages/vant/src/card/index.less | 2 +- packages/vant/src/cell-group/index.less | 2 +- packages/vant/src/cell/index.less | 2 +- packages/vant/src/collapse-item/index.less | 2 +- packages/vant/src/coupon-list/index.less | 2 +- packages/vant/src/coupon/index.less | 2 +- packages/vant/src/dialog/index.less | 2 +- packages/vant/src/dropdown-menu/index.less | 2 +- packages/vant/src/grid-item/index.less | 2 +- packages/vant/src/image-preview/index.less | 2 +- packages/vant/src/image/index.less | 2 +- packages/vant/src/index-anchor/index.less | 4 ++-- packages/vant/src/nav-bar/index.less | 2 +- packages/vant/src/notice-bar/index.less | 2 +- packages/vant/src/notify/index.less | 8 ++++---- packages/vant/src/number-keyboard/index.less | 6 +++--- packages/vant/src/overlay/index.less | 2 +- packages/vant/src/pagination/index.less | 2 +- packages/vant/src/password-input/index.less | 6 +++--- packages/vant/src/picker/index.less | 4 ++-- packages/vant/src/popover/index.less | 4 ++-- packages/vant/src/popup/index.less | 2 +- packages/vant/src/progress/index.less | 2 +- packages/vant/src/search/index.less | 4 ++-- packages/vant/src/sidebar-item/index.less | 2 +- packages/vant/src/skeleton/index.less | 4 ++-- packages/vant/src/slider/index.less | 6 +++--- packages/vant/src/stepper/index.less | 6 +++--- packages/vant/src/submit-bar/index.less | 4 ++-- packages/vant/src/switch/index.less | 6 +++--- packages/vant/src/tabbar/index.less | 2 +- packages/vant/src/tabs/index.less | 4 ++-- packages/vant/src/tag/index.less | 12 ++++++------ packages/vant/src/toast/index.less | 2 +- packages/vant/src/tree-select/index.less | 4 ++-- packages/vant/src/uploader/index.less | 8 ++++---- 42 files changed, 75 insertions(+), 75 deletions(-) diff --git a/packages/vant/src/action-bar-icon/index.less b/packages/vant/src/action-bar-icon/index.less index 627aa3e22..231c9ea8b 100644 --- a/packages/vant/src/action-bar-icon/index.less +++ b/packages/vant/src/action-bar-icon/index.less @@ -21,7 +21,7 @@ font-size: var(--van-action-bar-icon-font-size); line-height: 1; text-align: center; - background-color: var(--van-action-bar-icon-background-color); + background: var(--van-action-bar-icon-background-color); cursor: pointer; &:active { diff --git a/packages/vant/src/action-bar/index.less b/packages/vant/src/action-bar/index.less index b46b3b6c3..fdb1632bc 100644 --- a/packages/vant/src/action-bar/index.less +++ b/packages/vant/src/action-bar/index.less @@ -14,5 +14,5 @@ align-items: center; box-sizing: content-box; height: var(--van-action-bar-height); - background-color: var(--van-action-bar-background-color); + background: var(--van-action-bar-background-color); } diff --git a/packages/vant/src/action-sheet/index.less b/packages/vant/src/action-sheet/index.less index c6523d482..e561bd720 100644 --- a/packages/vant/src/action-sheet/index.less +++ b/packages/vant/src/action-sheet/index.less @@ -45,7 +45,7 @@ width: 100%; padding: 14px var(--van-padding-md); font-size: var(--van-action-sheet-item-font-size); - background-color: var(--van-action-sheet-item-background); + background: var(--van-action-sheet-item-background); border: none; cursor: pointer; @@ -91,7 +91,7 @@ &__gap { display: block; height: var(--van-action-sheet-cancel-padding-top); - background-color: var(--van-action-sheet-cancel-padding-color); + background: var(--van-action-sheet-cancel-padding-color); } &__header { diff --git a/packages/vant/src/address-edit/index.less b/packages/vant/src/address-edit/index.less index 2aead4ae1..4b075b16b 100644 --- a/packages/vant/src/address-edit/index.less +++ b/packages/vant/src/address-edit/index.less @@ -36,7 +36,7 @@ &-detail { &__search-item { - background-color: var(--van-gray-2); + background: var(--van-gray-2); } &__keyword { diff --git a/packages/vant/src/badge/index.less b/packages/vant/src/badge/index.less index 84f84f3bc..a6ea0f9c8 100644 --- a/packages/vant/src/badge/index.less +++ b/packages/vant/src/badge/index.less @@ -24,7 +24,7 @@ font-family: var(--van-badge-font-family); line-height: 1.2; text-align: center; - background-color: var(--van-badge-background-color); + background: var(--van-badge-background-color); border: var(--van-badge-border-width) solid var(--van-white); border-radius: var(--van-border-radius-max); @@ -40,7 +40,7 @@ width: var(--van-badge-dot-size); min-width: 0; height: var(--van-badge-dot-size); - background-color: var(--van-badge-dot-color); + background: var(--van-badge-dot-color); border-radius: 100%; } diff --git a/packages/vant/src/calendar/index.less b/packages/vant/src/calendar/index.less index 58fe50b7c..da2af3449 100644 --- a/packages/vant/src/calendar/index.less +++ b/packages/vant/src/calendar/index.less @@ -32,7 +32,7 @@ display: flex; flex-direction: column; height: 100%; - background-color: var(--van-calendar-background-color); + background: var(--van-calendar-background-color); &__popup { &.van-popup--top, @@ -132,7 +132,7 @@ &--multiple-middle, &--multiple-selected { color: var(--van-calendar-range-edge-color); - background-color: var(--van-calendar-range-edge-background-color); + background: var(--van-calendar-range-edge-background-color); } &--start { @@ -194,7 +194,7 @@ width: var(--van-calendar-selected-day-size); height: var(--van-calendar-selected-day-size); color: var(--van-calendar-selected-day-color); - background-color: var(--van-calendar-selected-day-background-color); + background: var(--van-calendar-selected-day-background-color); border-radius: var(--van-border-radius-md); } diff --git a/packages/vant/src/card/index.less b/packages/vant/src/card/index.less index 82848e341..887d3fade 100644 --- a/packages/vant/src/card/index.less +++ b/packages/vant/src/card/index.less @@ -25,7 +25,7 @@ padding: var(--van-card-padding); color: var(--van-card-text-color); font-size: var(--van-card-font-size); - background-color: var(--van-card-background-color); + background: var(--van-card-background-color); &:not(:first-child) { margin-top: var(--van-padding-xs); diff --git a/packages/vant/src/cell-group/index.less b/packages/vant/src/cell-group/index.less index c51533028..26f0289e9 100644 --- a/packages/vant/src/cell-group/index.less +++ b/packages/vant/src/cell-group/index.less @@ -12,7 +12,7 @@ } .van-cell-group { - background-color: var(--van-cell-group-background-color); + background: var(--van-cell-group-background-color); &--inset { margin: var(--van-cell-group-inset-padding); diff --git a/packages/vant/src/cell/index.less b/packages/vant/src/cell/index.less index bf1cb2786..e5b4aba94 100644 --- a/packages/vant/src/cell/index.less +++ b/packages/vant/src/cell/index.less @@ -33,7 +33,7 @@ color: var(--van-cell-text-color); font-size: var(--van-cell-font-size); line-height: var(--van-cell-line-height); - background-color: var(--van-cell-background-color); + background: var(--van-cell-background-color); &::after { .hairline-bottom(var(--van-cell-border-color), var(--van-padding-md), var(--van-padding-md)); diff --git a/packages/vant/src/collapse-item/index.less b/packages/vant/src/collapse-item/index.less index 1da4e72c7..58588d3ec 100644 --- a/packages/vant/src/collapse-item/index.less +++ b/packages/vant/src/collapse-item/index.less @@ -70,6 +70,6 @@ color: var(--van-collapse-item-content-text-color); font-size: var(--van-collapse-item-content-font-size); line-height: var(--van-collapse-item-content-line-height); - background-color: var(--van-collapse-item-content-background-color); + background: var(--van-collapse-item-content-background-color); } } diff --git a/packages/vant/src/coupon-list/index.less b/packages/vant/src/coupon-list/index.less index e3b0c13b1..9b9822a6f 100644 --- a/packages/vant/src/coupon-list/index.less +++ b/packages/vant/src/coupon-list/index.less @@ -14,7 +14,7 @@ .van-coupon-list { position: relative; height: 100%; - background-color: var(--van-coupon-list-background-color); + background: var(--van-coupon-list-background-color); &__field { padding: var(--van-coupon-list-field-padding); diff --git a/packages/vant/src/coupon/index.less b/packages/vant/src/coupon/index.less index 4051111c1..ad577d2e7 100644 --- a/packages/vant/src/coupon/index.less +++ b/packages/vant/src/coupon/index.less @@ -23,7 +23,7 @@ .van-coupon { margin: var(--van-coupon-margin); overflow: hidden; - background-color: var(--van-coupon-background-color); + background: var(--van-coupon-background-color); border-radius: var(--van-coupon-border-radius); box-shadow: var(--van-coupon-box-shadow); diff --git a/packages/vant/src/dialog/index.less b/packages/vant/src/dialog/index.less index 18131d1b2..e8db2cb3c 100644 --- a/packages/vant/src/dialog/index.less +++ b/packages/vant/src/dialog/index.less @@ -28,7 +28,7 @@ width: var(--van-dialog-width); overflow: hidden; font-size: var(--van-dialog-font-size); - background-color: var(--van-dialog-background-color); + background: var(--van-dialog-background-color); border-radius: var(--van-dialog-border-radius); backface-visibility: hidden; // avoid blurry text after scale animation transition: var(--van-dialog-transition); diff --git a/packages/vant/src/dropdown-menu/index.less b/packages/vant/src/dropdown-menu/index.less index d194a57e7..628fb46ed 100644 --- a/packages/vant/src/dropdown-menu/index.less +++ b/packages/vant/src/dropdown-menu/index.less @@ -22,7 +22,7 @@ position: relative; display: flex; height: var(--van-dropdown-menu-height); - background-color: var(--van-dropdown-menu-background-color); + background: var(--van-dropdown-menu-background-color); box-shadow: var(--van-dropdown-menu-box-shadow); &--opened { diff --git a/packages/vant/src/grid-item/index.less b/packages/vant/src/grid-item/index.less index b91877846..f90bc7150 100644 --- a/packages/vant/src/grid-item/index.less +++ b/packages/vant/src/grid-item/index.less @@ -39,7 +39,7 @@ box-sizing: border-box; height: 100%; padding: var(--van-grid-item-content-padding); - background-color: var(--van-grid-item-content-background-color); + background: var(--van-grid-item-content-background-color); &::after { z-index: 1; diff --git a/packages/vant/src/image-preview/index.less b/packages/vant/src/image-preview/index.less index 757eba02a..d80f12967 100644 --- a/packages/vant/src/image-preview/index.less +++ b/packages/vant/src/image-preview/index.less @@ -81,7 +81,7 @@ } &__overlay { - background-color: var(--van-image-preview-overlay-background-color); + background: var(--van-image-preview-overlay-background-color); } &__close-icon { diff --git a/packages/vant/src/image/index.less b/packages/vant/src/image/index.less index 094e29c0d..b0a41aaf2 100644 --- a/packages/vant/src/image/index.less +++ b/packages/vant/src/image/index.less @@ -42,7 +42,7 @@ justify-content: center; color: var(--van-image-placeholder-text-color); font-size: var(--van-image-placeholder-font-size); - background-color: var(--van-image-placeholder-background-color); + background: var(--van-image-placeholder-background-color); } &__loading-icon { diff --git a/packages/vant/src/index-anchor/index.less b/packages/vant/src/index-anchor/index.less index 52b1f3516..9decdb254 100644 --- a/packages/vant/src/index-anchor/index.less +++ b/packages/vant/src/index-anchor/index.less @@ -20,7 +20,7 @@ font-weight: var(--van-index-anchor-font-weight); font-size: var(--van-index-anchor-font-size); line-height: var(--van-index-anchor-line-height); - background-color: var(--van-index-anchor-background-color); + background: var(--van-index-anchor-background-color); &--sticky { position: fixed; @@ -28,6 +28,6 @@ right: 0; left: 0; color: var(--van-index-anchor-sticky-text-color); - background-color: var(--van-index-anchor-sticky-background-color); + background: var(--van-index-anchor-sticky-background-color); } } diff --git a/packages/vant/src/nav-bar/index.less b/packages/vant/src/nav-bar/index.less index b4a4e3c3a..11f327f15 100644 --- a/packages/vant/src/nav-bar/index.less +++ b/packages/vant/src/nav-bar/index.less @@ -16,7 +16,7 @@ z-index: var(--van-nav-bar-z-index); line-height: var(--van-line-height-lg); text-align: center; - background-color: var(--van-nav-bar-background-color); + background: var(--van-nav-bar-background-color); user-select: none; &--fixed { diff --git a/packages/vant/src/notice-bar/index.less b/packages/vant/src/notice-bar/index.less index 927fabd03..5c76770bf 100644 --- a/packages/vant/src/notice-bar/index.less +++ b/packages/vant/src/notice-bar/index.less @@ -21,7 +21,7 @@ color: var(--van-notice-bar-text-color); font-size: var(--van-notice-bar-font-size); line-height: var(--van-notice-bar-line-height); - background-color: var(--van-notice-bar-background-color); + background: var(--van-notice-bar-background-color); &__left-icon, &__right-icon { diff --git a/packages/vant/src/notify/index.less b/packages/vant/src/notify/index.less index bf5b45565..3d781943c 100644 --- a/packages/vant/src/notify/index.less +++ b/packages/vant/src/notify/index.less @@ -27,18 +27,18 @@ word-wrap: break-word; &--primary { - background-color: var(--van-notify-primary-background-color); + background: var(--van-notify-primary-background-color); } &--success { - background-color: var(--van-notify-success-background-color); + background: var(--van-notify-success-background-color); } &--danger { - background-color: var(--van-notify-danger-background-color); + background: var(--van-notify-danger-background-color); } &--warning { - background-color: var(--van-notify-warning-background-color); + background: var(--van-notify-warning-background-color); } } diff --git a/packages/vant/src/number-keyboard/index.less b/packages/vant/src/number-keyboard/index.less index 363d26e18..8fbdf476d 100644 --- a/packages/vant/src/number-keyboard/index.less +++ b/packages/vant/src/number-keyboard/index.less @@ -25,7 +25,7 @@ z-index: var(--van-number-keyboard-z-index); width: 100%; padding-bottom: 22px; - background-color: var(--van-number-keyboard-background-color); + background: var(--van-number-keyboard-background-color); user-select: none; &--with-title { @@ -99,7 +99,7 @@ height: var(--van-number-keyboard-key-height); font-size: var(--van-number-keyboard-key-font-size); line-height: 1.5; - background-color: var(--van-number-keyboard-key-background-color); + background: var(--van-number-keyboard-key-background-color); border-radius: var(--van-border-radius-lg); cursor: pointer; @@ -125,7 +125,7 @@ &--blue { color: var(--van-number-keyboard-button-text-color); - background-color: var(--van-number-keyboard-button-background-color); + background: var(--van-number-keyboard-button-background-color); &.van-key--active { opacity: var(--van-active-opacity); diff --git a/packages/vant/src/overlay/index.less b/packages/vant/src/overlay/index.less index 9d5fdc173..3d5dccd42 100644 --- a/packages/vant/src/overlay/index.less +++ b/packages/vant/src/overlay/index.less @@ -12,5 +12,5 @@ z-index: var(--van-overlay-z-index); width: 100%; height: 100%; - background-color: var(--van-overlay-background-color); + background: var(--van-overlay-background-color); } diff --git a/packages/vant/src/pagination/index.less b/packages/vant/src/pagination/index.less index 4fd8a00a2..33f67be1c 100644 --- a/packages/vant/src/pagination/index.less +++ b/packages/vant/src/pagination/index.less @@ -29,7 +29,7 @@ min-width: var(--van-pagination-item-width); height: var(--van-pagination-height); color: var(--van-pagination-item-default-color); - background-color: var(--van-pagination-background-color); + background: var(--van-pagination-background-color); cursor: pointer; user-select: none; diff --git a/packages/vant/src/password-input/index.less b/packages/vant/src/password-input/index.less index bfb6dba0e..7ab0c1848 100644 --- a/packages/vant/src/password-input/index.less +++ b/packages/vant/src/password-input/index.less @@ -58,7 +58,7 @@ color: var(--van-password-input-text-color); font-size: var(--van-password-input-font-size); line-height: 1.2; - background-color: var(--van-password-input-background-color); + background: var(--van-password-input-background-color); } i { @@ -67,7 +67,7 @@ left: 50%; width: var(--van-password-input-dot-size); height: var(--van-password-input-dot-size); - background-color: var(--van-password-input-dot-color); + background: var(--van-password-input-dot-color); border-radius: 100%; transform: translate(-50%, -50%); visibility: hidden; @@ -80,7 +80,7 @@ left: 50%; width: var(--van-password-input-cursor-width); height: var(--van-password-input-cursor-height); - background-color: var(--van-password-input-cursor-color); + background: var(--van-password-input-cursor-color); transform: translate(-50%, -50%); animation: var(--van-password-input-cursor-animation-duration) van-cursor-flicker infinite; diff --git a/packages/vant/src/picker/index.less b/packages/vant/src/picker/index.less index 0f931c1c0..118d3273b 100644 --- a/packages/vant/src/picker/index.less +++ b/packages/vant/src/picker/index.less @@ -19,7 +19,7 @@ .van-picker { position: relative; - background-color: var(--van-picker-background-color); + background: var(--van-picker-background-color); user-select: none; &__toolbar { @@ -76,7 +76,7 @@ align-items: center; justify-content: center; color: var(--van-picker-loading-icon-color); - background-color: var(--van-picker-loading-mask-color); + background: var(--van-picker-loading-mask-color); } &__frame { diff --git a/packages/vant/src/popover/index.less b/packages/vant/src/popover/index.less index ea223efd6..1648e0eed 100644 --- a/packages/vant/src/popover/index.less +++ b/packages/vant/src/popover/index.less @@ -214,7 +214,7 @@ color: var(--van-popover-light-text-color); .van-popover__content { - background-color: var(--van-popover-light-background-color); + background: var(--van-popover-light-background-color); box-shadow: 0 2px 12px rgba(50, 50, 51, 0.12); } @@ -242,7 +242,7 @@ color: var(--van-popover-dark-text-color); .van-popover__content { - background-color: var(--van-popover-dark-background-color); + background: var(--van-popover-dark-background-color); } .van-popover__arrow { diff --git a/packages/vant/src/popup/index.less b/packages/vant/src/popup/index.less index d0f493d7e..048ab6b1a 100644 --- a/packages/vant/src/popup/index.less +++ b/packages/vant/src/popup/index.less @@ -20,7 +20,7 @@ position: fixed; max-height: 100%; overflow-y: auto; - background-color: var(--van-popup-background-color); + background: var(--van-popup-background-color); transition: var(--van-popup-transition); -webkit-overflow-scrolling: touch; diff --git a/packages/vant/src/progress/index.less b/packages/vant/src/progress/index.less index 3816ac9e4..0f69aa008 100644 --- a/packages/vant/src/progress/index.less +++ b/packages/vant/src/progress/index.less @@ -40,7 +40,7 @@ line-height: var(--van-progress-pivot-line-height); text-align: center; word-break: keep-all; - background-color: var(--van-progress-pivot-background-color); + background: var(--van-progress-pivot-background-color); border-radius: 1em; transition: all var(--van-animation-duration-base) var(--van-animation-timing-function-enter); diff --git a/packages/vant/src/search/index.less b/packages/vant/src/search/index.less index e80339f50..c5189185c 100644 --- a/packages/vant/src/search/index.less +++ b/packages/vant/src/search/index.less @@ -19,13 +19,13 @@ align-items: center; box-sizing: border-box; padding: var(--van-search-padding); - background-color: var(--van-search-background-color); + background: var(--van-search-background-color); &__content { display: flex; flex: 1; padding-left: var(--van-padding-sm); - background-color: var(--van-search-content-background-color); + background: var(--van-search-content-background-color); border-radius: var(--van-border-radius-sm); &--round { diff --git a/packages/vant/src/sidebar-item/index.less b/packages/vant/src/sidebar-item/index.less index 6de7bf6c1..de6cd6fc4 100644 --- a/packages/vant/src/sidebar-item/index.less +++ b/packages/vant/src/sidebar-item/index.less @@ -25,7 +25,7 @@ color: var(--van-sidebar-text-color); font-size: var(--van-sidebar-font-size); line-height: var(--van-sidebar-line-height); - background-color: var(--van-sidebar-background-color); + background: var(--van-sidebar-background-color); cursor: pointer; user-select: none; diff --git a/packages/vant/src/skeleton/index.less b/packages/vant/src/skeleton/index.less index bfcf03090..39d0edcb4 100644 --- a/packages/vant/src/skeleton/index.less +++ b/packages/vant/src/skeleton/index.less @@ -19,7 +19,7 @@ width: var(--van-skeleton-avatar-size); height: var(--van-skeleton-avatar-size); margin-right: var(--van-padding-md); - background-color: var(--van-skeleton-avatar-background-color); + background: var(--van-skeleton-avatar-background-color); &--round { border-radius: var(--van-border-radius-max); @@ -37,7 +37,7 @@ &__row, &__title { height: var(--van-skeleton-row-height); - background-color: var(--van-skeleton-row-background-color); + background: var(--van-skeleton-row-background-color); } &__title { diff --git a/packages/vant/src/slider/index.less b/packages/vant/src/slider/index.less index 7c66aadcb..dbf85253c 100644 --- a/packages/vant/src/slider/index.less +++ b/packages/vant/src/slider/index.less @@ -16,7 +16,7 @@ position: relative; width: 100%; height: var(--van-slider-bar-height); - background-color: var(--van-slider-inactive-background-color); + background: var(--van-slider-inactive-background-color); border-radius: var(--van-border-radius-max); cursor: pointer; @@ -34,7 +34,7 @@ position: absolute; width: 100%; height: 100%; - background-color: var(--van-slider-active-background-color); + background: var(--van-slider-active-background-color); border-radius: inherit; transition: all var(--van-animation-duration-fast); } @@ -42,7 +42,7 @@ &__button { width: var(--van-slider-button-width); height: var(--van-slider-button-height); - background-color: var(--van-slider-button-background-color); + background: var(--van-slider-button-background-color); border-radius: var(--van-slider-button-border-radius); box-shadow: var(--van-slider-button-box-shadow); diff --git a/packages/vant/src/stepper/index.less b/packages/vant/src/stepper/index.less index 7e3b5e9a1..d07482afd 100644 --- a/packages/vant/src/stepper/index.less +++ b/packages/vant/src/stepper/index.less @@ -31,7 +31,7 @@ padding: 0; color: var(--van-stepper-button-icon-color); vertical-align: middle; - background-color: var(--van-stepper-background-color); + background: var(--van-stepper-background-color); border: 0; cursor: pointer; @@ -95,7 +95,7 @@ line-height: var(--van-stepper-input-line-height); text-align: center; vertical-align: middle; - background-color: var(--van-stepper-background-color); + background: var(--van-stepper-background-color); border: 0; border-width: 1px 0; border-radius: 0; @@ -137,7 +137,7 @@ .van-stepper__plus { color: var(--van-white); - background-color: var(--van-stepper-button-round-theme-color); + background: var(--van-stepper-button-round-theme-color); } .van-stepper__minus { diff --git a/packages/vant/src/submit-bar/index.less b/packages/vant/src/submit-bar/index.less index fe1ac29f7..6cc1c6bba 100644 --- a/packages/vant/src/submit-bar/index.less +++ b/packages/vant/src/submit-bar/index.less @@ -28,7 +28,7 @@ left: 0; z-index: var(--van-submit-bar-z-index); width: 100%; - background-color: var(--van-submit-bar-background-color); + background: var(--van-submit-bar-background-color); user-select: none; &__tip { @@ -36,7 +36,7 @@ color: var(--van-submit-bar-tip-color); font-size: var(--van-submit-bar-tip-font-size); line-height: var(--van-submit-bar-tip-line-height); - background-color: var(--van-submit-bar-tip-background-color); + background: var(--van-submit-bar-tip-background-color); } &__tip-icon { diff --git a/packages/vant/src/switch/index.less b/packages/vant/src/switch/index.less index dc00a157e..570f08bc2 100644 --- a/packages/vant/src/switch/index.less +++ b/packages/vant/src/switch/index.less @@ -21,7 +21,7 @@ width: var(--van-switch-width); height: var(--van-switch-height); font-size: var(--van-switch-size); - background-color: var(--van-switch-background-color); + background: var(--van-switch-background-color); border: var(--van-switch-border); border-radius: var(--van-switch-node-size); cursor: pointer; @@ -33,7 +33,7 @@ left: 0; width: var(--van-switch-node-size); height: var(--van-switch-node-size); - background-color: var(--van-switch-node-background-color); + background: var(--van-switch-node-background-color); border-radius: 100%; box-shadow: var(--van-switch-node-box-shadow); transition: transform var(--van-switch-transition-duration) @@ -49,7 +49,7 @@ } &--on { - background-color: var(--van-switch-on-background-color); + background: var(--van-switch-on-background-color); .van-switch__node { transform: translateX( diff --git a/packages/vant/src/tabbar/index.less b/packages/vant/src/tabbar/index.less index f5167cf3b..62f125ea1 100644 --- a/packages/vant/src/tabbar/index.less +++ b/packages/vant/src/tabbar/index.less @@ -12,7 +12,7 @@ box-sizing: content-box; width: 100%; height: var(--van-tabbar-height); - background-color: var(--van-tabbar-background-color); + background: var(--van-tabbar-background-color); &--fixed { position: fixed; diff --git a/packages/vant/src/tabs/index.less b/packages/vant/src/tabs/index.less index 5a1087deb..8464c40f1 100644 --- a/packages/vant/src/tabs/index.less +++ b/packages/vant/src/tabs/index.less @@ -84,7 +84,7 @@ &__nav { position: relative; display: flex; - background-color: var(--van-tabs-nav-background-color); + background: var(--van-tabs-nav-background-color); user-select: none; &--line { @@ -133,7 +133,7 @@ z-index: 1; width: var(--van-tabs-bottom-bar-width); height: var(--van-tabs-bottom-bar-height); - background-color: var(--van-tabs-bottom-bar-color); + background: var(--van-tabs-bottom-bar-color); border-radius: var(--van-tabs-bottom-bar-height); } diff --git a/packages/vant/src/tag/index.less b/packages/vant/src/tag/index.less index 87bd5aaa5..a0411cabb 100644 --- a/packages/vant/src/tag/index.less +++ b/packages/vant/src/tag/index.less @@ -30,7 +30,7 @@ border-radius: var(--van-tag-border-radius); &--default { - background-color: var(--van-tag-default-color); + background: var(--van-tag-default-color); &.van-tag--plain { color: var(--van-tag-default-color); @@ -38,7 +38,7 @@ } &--danger { - background-color: var(--van-tag-danger-color); + background: var(--van-tag-danger-color); &.van-tag--plain { color: var(--van-tag-danger-color); @@ -46,7 +46,7 @@ } &--primary { - background-color: var(--van-tag-primary-color); + background: var(--van-tag-primary-color); &.van-tag--plain { color: var(--van-tag-primary-color); @@ -54,7 +54,7 @@ } &--success { - background-color: var(--van-tag-success-color); + background: var(--van-tag-success-color); &.van-tag--plain { color: var(--van-tag-success-color); @@ -62,7 +62,7 @@ } &--warning { - background-color: var(--van-tag-warning-color); + background: var(--van-tag-warning-color); &.van-tag--plain { color: var(--van-tag-warning-color); @@ -70,7 +70,7 @@ } &--plain { - background-color: var(--van-tag-plain-background-color); + background: var(--van-tag-plain-background-color); border-color: currentColor; &::before { diff --git a/packages/vant/src/toast/index.less b/packages/vant/src/toast/index.less index d0a71d94d..9ae3a18ba 100644 --- a/packages/vant/src/toast/index.less +++ b/packages/vant/src/toast/index.less @@ -40,7 +40,7 @@ text-align: center; // https://github.com/youzan/vant/issues/8959 word-break: break-all; - background-color: var(--van-toast-background-color); + background: var(--van-toast-background-color); border-radius: var(--van-toast-border-radius); &--unclickable { diff --git a/packages/vant/src/tree-select/index.less b/packages/vant/src/tree-select/index.less index 3c4c54970..8bc9b2620 100644 --- a/packages/vant/src/tree-select/index.less +++ b/packages/vant/src/tree-select/index.less @@ -20,7 +20,7 @@ &__nav { flex: 1; overflow-y: auto; - background-color: var(--van-tree-select-nav-background-color); + background: var(--van-tree-select-nav-background-color); -webkit-overflow-scrolling: touch; &-item { @@ -31,7 +31,7 @@ &__content { flex: 2; overflow-y: auto; - background-color: var(--van-tree-select-content-background-color); + background: var(--van-tree-select-content-background-color); -webkit-overflow-scrolling: touch; } diff --git a/packages/vant/src/uploader/index.less b/packages/vant/src/uploader/index.less index db78151c0..27a243b76 100644 --- a/packages/vant/src/uploader/index.less +++ b/packages/vant/src/uploader/index.less @@ -70,7 +70,7 @@ width: var(--van-uploader-size); height: var(--van-uploader-size); margin: 0 var(--van-padding-xs) var(--van-padding-xs) 0; - background-color: var(--van-uploader-upload-background-color); + background: var(--van-uploader-upload-background-color); &:active { background-color: var(--van-uploader-upload-active-color); @@ -110,7 +110,7 @@ right: 0; width: var(--van-uploader-delete-icon-size); height: var(--van-uploader-delete-icon-size); - background-color: var(--van-uploader-delete-background-color); + background: var(--van-uploader-delete-background-color); border-radius: 0 0 0 12px; &-icon { @@ -143,7 +143,7 @@ align-items: center; justify-content: center; color: var(--van-uploader-mask-text-color); - background-color: var(--van-uploader-mask-background-color); + background: var(--van-uploader-mask-background-color); &-icon { font-size: var(--van-uploader-mask-icon-size); @@ -170,7 +170,7 @@ justify-content: center; width: var(--van-uploader-size); height: var(--van-uploader-size); - background-color: var(--van-uploader-file-background-color); + background: var(--van-uploader-file-background-color); &-icon { color: var(--van-uploader-file-icon-color);