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

feat(style): component using basic css variables

Browse Source
This commit is contained in:
chenjiahan
2021-06-12 15:52:22 +08:00
committed by neverland
parent aef2579a95
commit 710aebaee4
117 changed files with 707 additions and 705 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/coupon-list/index.less
+12 -12
View File
@@ -21,13 +21,13 @@
.van-field__body {
height: 34px;
padding-left: @padding-sm;
padding-left: var(--van-padding-sm);
line-height: 34px;
background: @gray-1;
background: var(--van-gray-1);
border-radius: 17px;
&::placeholder {
color: @gray-5;
color: var(--van-gray-5);
}
}
@@ -39,29 +39,29 @@
&__exchange-bar {
display: flex;
align-items: center;
background-color: @white;
background-color: var(--van-white);
}
&__exchange {
flex: none;
height: var(--van-coupon-list-exchange-button-height);
font-size: @font-size-lg;
font-size: var(--van-font-size-lg);
line-height: calc(var(--van-coupon-list-exchange-button-height) - 2px);
border: 0;
}
.van-tabs__wrap {
box-shadow: 0 6px 12px -12px @gray-6;
box-shadow: 0 6px 12px -12px var(--van-gray-6);
}
&__list {
box-sizing: border-box;
padding: @padding-md 0 @padding-lg;
padding: var(--van-padding-md) 0 var(--van-padding-lg);
overflow-y: auto;
-webkit-overflow-scrolling: touch;
&--with-bottom {
padding-bottom: @padding-md + 50px;
padding-bottom: calc(var(--van-padding-md) + 50px);
}
}
@@ -72,9 +72,9 @@
z-index: 999;
box-sizing: border-box;
width: 100%;
padding: 5px @padding-md;
font-weight: @font-weight-bold;
background-color: @white;
padding: 5px var(--van-padding-md);
font-weight: var(--van-font-weight-bold);
background-color: var(--van-white);
}
&__close {
@@ -86,7 +86,7 @@
text-align: center;
p {
margin: @padding-md 0;
margin: var(--van-padding-md) 0;
color: var(--van-coupon-list-empty-tip-color);
font-size: var(--van-coupon-list-empty-tip-font-size);
line-height: var(--van-coupon-list-empty-tip-line-height);
src/coupon-list/var.less
+5 -5
View File
@@ -1,10 +1,10 @@
@import '../style/var.less';
@coupon-list-background-color: @background-color;
@coupon-list-field-padding: 5px 0 5px @padding-md;
@coupon-list-background-color: var(--van-background-color);
@coupon-list-field-padding: 5px 0 5px var(--van-padding-md);
@coupon-list-exchange-button-height: 32px;
@coupon-list-close-button-height: 40px;
@coupon-list-empty-image-size: 200px;
@coupon-list-empty-tip-color: @gray-6;
@coupon-list-empty-tip-font-size: @font-size-md;
@coupon-list-empty-tip-line-height: @line-height-md;
@coupon-list-empty-tip-color: var(--van-gray-6);
@coupon-list-empty-tip-font-size: var(--van-font-size-md);
@coupon-list-empty-tip-line-height: var(--van-line-height-md);