feat(style): add component css variables
This commit is contained in:
+12
-5
@@ -1,12 +1,19 @@
|
||||
@import './var.less';
|
||||
|
||||
:root {
|
||||
--van-list-text-color: @list-text-color;
|
||||
--van-list-text-font-size: @list-text-font-size;
|
||||
--van-list-text-line-height: @list-text-line-height;
|
||||
--van-list-loading-icon-size: @list-loading-icon-size;
|
||||
}
|
||||
|
||||
.van-list {
|
||||
&__loading,
|
||||
&__finished-text,
|
||||
&__error-text {
|
||||
color: @list-text-color;
|
||||
font-size: @list-text-font-size;
|
||||
line-height: @list-text-line-height;
|
||||
color: var(--van-list-text-color);
|
||||
font-size: var(--van-list-text-font-size);
|
||||
line-height: var(--van-list-text-line-height);
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
@@ -17,8 +24,8 @@
|
||||
|
||||
&__loading-icon {
|
||||
.van-loading__spinner {
|
||||
width: @list-loading-icon-size;
|
||||
height: @list-loading-icon-size;
|
||||
width: var(--van-list-loading-icon-size);
|
||||
height: var(--van-list-loading-icon-size);
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
Reference in New Issue
Block a user