feat(style): component using basic css variables
This commit is contained in:
@@ -37,8 +37,8 @@
|
||||
|
||||
&__item {
|
||||
position: relative;
|
||||
padding: 0 32px 0 @padding-md;
|
||||
font-weight: @font-weight-bold;
|
||||
padding: 0 32px 0 var(--van-padding-md);
|
||||
font-weight: var(--van-font-weight-bold);
|
||||
line-height: var(--van-tree-select-item-height);
|
||||
cursor: pointer;
|
||||
|
||||
@@ -47,7 +47,7 @@
|
||||
}
|
||||
|
||||
&:active {
|
||||
background-color: @active-color;
|
||||
background-color: var(--van-active-color);
|
||||
}
|
||||
|
||||
&--disabled {
|
||||
@@ -63,8 +63,8 @@
|
||||
&__selected {
|
||||
position: absolute;
|
||||
top: 50%;
|
||||
right: @padding-md;
|
||||
margin-top: -@padding-xs;
|
||||
right: var(--van-padding-md);
|
||||
margin-top: -var(--van-padding-xs);
|
||||
font-size: var(--van-tree-select-item-selected-size);
|
||||
}
|
||||
}
|
||||
|
||||
@@ -1,10 +1,10 @@
|
||||
@import '../style/var.less';
|
||||
|
||||
@tree-select-font-size: @font-size-md;
|
||||
@tree-select-nav-background-color: @background-color;
|
||||
@tree-select-content-background-color: @white;
|
||||
@tree-select-nav-item-padding: 14px @padding-sm;
|
||||
@tree-select-font-size: var(--van-font-size-md);
|
||||
@tree-select-nav-background-color: var(--van-background-color);
|
||||
@tree-select-content-background-color: var(--van-white);
|
||||
@tree-select-nav-item-padding: 14px var(--van-padding-sm);
|
||||
@tree-select-item-height: 48px;
|
||||
@tree-select-item-active-color: @red;
|
||||
@tree-select-item-disabled-color: @gray-5;
|
||||
@tree-select-item-active-color: var(--van-red);
|
||||
@tree-select-item-disabled-color: var(--van-gray-5);
|
||||
@tree-select-item-selected-size: 16px;
|
||||
|
||||
Reference in New Issue
Block a user