feat(style): component using basic css variables

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
+5 -5
View File
@@ -24,12 +24,12 @@
&__content {
display: flex;
flex: 1;
padding-left: @padding-sm;
padding-left: var(--van-padding-sm);
background-color: var(--van-search-content-background-color);
border-radius: @border-radius-sm;
border-radius: var(--van-border-radius-sm);
&--round {
border-radius: @border-radius-max;
border-radius: var(--van-border-radius-max);
}
}
@@ -42,7 +42,7 @@
.van-cell {
flex: 1;
padding: 5px @padding-xs 5px 0;
padding: 5px var(--van-padding-xs) 5px 0;
background-color: transparent;
&__left-icon {
@@ -72,7 +72,7 @@
user-select: none;
&:active {
background-color: @active-color;
background-color: var(--van-active-color);
}
}
}
+9 -9
View File
@@ -1,13 +1,13 @@
@import '../style/var.less';
@search-padding: 10px @padding-sm;
@search-background-color: @white;
@search-content-background-color: @gray-1;
@search-padding: 10px var(--van-padding-sm);
@search-background-color: var(--van-white);
@search-content-background-color: var(--van-gray-1);
@search-input-height: 34px;
@search-label-padding: 0 5px;
@search-label-color: @text-color;
@search-label-font-size: @font-size-md;
@search-left-icon-color: @gray-6;
@search-action-padding: 0 @padding-xs;
@search-action-text-color: @text-color;
@search-action-font-size: @font-size-md;
@search-label-color: var(--van-text-color);
@search-label-font-size: var(--van-font-size-md);
@search-left-icon-color: var(--van-gray-6);
@search-action-padding: 0 var(--van-padding-xs);
@search-action-text-color: var(--van-text-color);
@search-action-font-size: var(--van-font-size-md);