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/card/index.less
+5 -5
View File
@@ -28,7 +28,7 @@
background-color: var(--van-card-background-color);
&:not(:first-child) {
margin-top: @padding-xs;
margin-top: var(--van-padding-xs);
}
&__header {
@@ -40,7 +40,7 @@
flex: none;
width: var(--van-card-thumb-size);
height: var(--van-card-thumb-size);
margin-right: @padding-xs;
margin-right: var(--van-padding-xs);
img {
border-radius: var(--van-card-thumb-border-radius);
@@ -68,7 +68,7 @@
&__title {
max-height: 32px;
font-weight: @font-weight-bold;
font-weight: var(--van-font-weight-bold);
line-height: var(--van-card-title-line-height);
}
@@ -79,13 +79,13 @@
}
&__bottom {
line-height: @line-height-md;
line-height: var(--van-line-height-md);
}
&__price {
display: inline-block;
color: var(--van-card-price-color);
font-weight: @font-weight-bold;
font-weight: var(--van-font-weight-bold);
font-size: var(--van-card-price-font-size);
}
src/card/var.less
+14 -14
View File
@@ -1,18 +1,18 @@
@import '../style/var.less';
@card-padding: @padding-xs @padding-md;
@card-font-size: @font-size-sm;
@card-text-color: @text-color;
@card-background-color: @background-color-light;
@card-padding: var(--van-padding-xs) var(--van-padding-md);
@card-font-size: var(--van-font-size-sm);
@card-text-color: var(--van-text-color);
@card-background-color: var(--van-background-color-light);
@card-thumb-size: 88px;
@card-thumb-border-radius: @border-radius-lg;
@card-thumb-border-radius: var(--van-border-radius-lg);
@card-title-line-height: 16px;
@card-desc-color: @gray-7;
@card-desc-line-height: @line-height-md;
@card-price-color: @gray-8;
@card-origin-price-color: @gray-6;
@card-num-color: @gray-6;
@card-origin-price-font-size: @font-size-xs;
@card-price-font-size: @font-size-sm;
@card-price-integer-font-size: @font-size-lg;
@card-price-font-family: @price-integer-font-family;
@card-desc-color: var(--van-gray-7);
@card-desc-line-height: var(--van-line-height-md);
@card-price-color: var(--van-gray-8);
@card-origin-price-color: var(--van-gray-6);
@card-num-color: var(--van-gray-6);
@card-origin-price-font-size: var(--van-font-size-xs);
@card-price-font-size: var(--van-font-size-sm);
@card-price-integer-font-size: var(--van-font-size-lg);
@card-price-font-family: var(--van-price-integer-font-family);