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
@@ -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);
}
}
+6 -6
View File
@@ -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;