alighasami/vant
1
0
Fork 0
Code Issues Pull Requests Actions 2 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/cell/index.less
+5 -5
View File
@@ -36,7 +36,7 @@
background-color: var(--van-cell-background-color);
&::after {
.hairline-bottom(var(--van-cell-border-color), @padding-md, @padding-md);
.hairline-bottom(var(--van-cell-border-color), var(--van-padding-md), var(--van-padding-md));
}
&:last-child::after,
@@ -65,7 +65,7 @@
word-wrap: break-word;
&--alone {
color: @text-color;
color: var(--van-text-color);
text-align: left;
}
}
@@ -78,11 +78,11 @@
}
&__left-icon {
margin-right: @padding-base;
margin-right: var(--van-padding-base);
}
&__right-icon {
margin-left: @padding-base;
margin-left: var(--van-padding-base);
color: var(--van-cell-right-icon-color);
}
@@ -99,7 +99,7 @@
&::before {
position: absolute;
left: @padding-xs;
left: var(--van-padding-xs);
color: var(--van-cell-required-color);
font-size: var(--van-cell-font-size);
content: '*';
src/cell/var.less
+16 -16
View File
@@ -1,21 +1,21 @@
@import '../style/var.less';
@cell-font-size: @font-size-md;
@cell-font-size: var(--van-font-size-md);
@cell-line-height: 24px;
@cell-vertical-padding: 10px;
@cell-horizontal-padding: @padding-md;
@cell-text-color: @text-color;
@cell-background-color: @white;
@cell-border-color: @border-color;
@cell-active-color: @active-color;
@cell-required-color: @red;
@cell-label-color: @gray-6;
@cell-label-font-size: @font-size-sm;
@cell-label-line-height: @line-height-sm;
@cell-label-margin-top: @padding-base;
@cell-value-color: @gray-6;
@cell-horizontal-padding: var(--van-padding-md);
@cell-text-color: var(--van-text-color);
@cell-background-color: var(--van-white);
@cell-border-color: var(--van-border-color);
@cell-active-color: var(--van-active-color);
@cell-required-color: var(--van-red);
@cell-label-color: var(--van-gray-6);
@cell-label-font-size: var(--van-font-size-sm);
@cell-label-line-height: var(--van-line-height-sm);
@cell-label-margin-top: var(--van-padding-base);
@cell-value-color: var(--van-gray-6);
@cell-icon-size: 16px;
@cell-right-icon-color: @gray-6;
@cell-large-vertical-padding: @padding-sm;
@cell-large-title-font-size: @font-size-lg;
@cell-large-label-font-size: @font-size-md;
@cell-right-icon-color: var(--van-gray-6);
@cell-large-vertical-padding: var(--van-padding-sm);
@cell-large-title-font-size: var(--van-font-size-lg);
@cell-large-label-font-size: var(--van-font-size-md);