feat(style): component using basic css variables
This commit is contained in:
@@ -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
@@ -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);
|
||||
|
||||
Reference in New Issue
Block a user