feat(style): component using basic css variables
This commit is contained in:
@@ -13,7 +13,7 @@
|
||||
|
||||
&__fields {
|
||||
overflow: hidden;
|
||||
border-radius: @padding-xs;
|
||||
border-radius: var(--van-padding-xs);
|
||||
|
||||
.van-field__label {
|
||||
width: 4.1em;
|
||||
@@ -21,9 +21,9 @@
|
||||
}
|
||||
|
||||
&__default {
|
||||
margin-top: @padding-sm;
|
||||
margin-top: var(--van-padding-sm);
|
||||
overflow: hidden;
|
||||
border-radius: @padding-xs;
|
||||
border-radius: var(--van-padding-xs);
|
||||
}
|
||||
|
||||
&__buttons {
|
||||
@@ -36,11 +36,11 @@
|
||||
|
||||
&-detail {
|
||||
&__search-item {
|
||||
background-color: @gray-2;
|
||||
background-color: var(--van-gray-2);
|
||||
}
|
||||
|
||||
&__keyword {
|
||||
color: @red;
|
||||
color: var(--van-red);
|
||||
}
|
||||
|
||||
&__finish {
|
||||
|
||||
@@ -1,7 +1,7 @@
|
||||
@import '../style/var.less';
|
||||
|
||||
@address-edit-padding: @padding-sm;
|
||||
@address-edit-buttons-padding: @padding-xl @padding-base;
|
||||
@address-edit-button-margin-bottom: @padding-sm;
|
||||
@address-edit-detail-finish-color: @blue;
|
||||
@address-edit-detail-finish-font-size: @font-size-sm;
|
||||
@address-edit-padding: var(--van-padding-sm);
|
||||
@address-edit-buttons-padding: var(--van-padding-xl) var(--van-padding-base);
|
||||
@address-edit-button-margin-bottom: var(--van-padding-sm);
|
||||
@address-edit-detail-finish-color: var(--van-blue);
|
||||
@address-edit-detail-finish-font-size: var(--van-font-size-sm);
|
||||
|
||||
Reference in New Issue
Block a user