feat(style): add component css variables

This commit is contained in:
chenjiahan
2021-06-12 15:52:22 +08:00
committed by neverland
parent dafea4e1e8
commit fe1cba97b7
73 changed files with 1702 additions and 799 deletions
+12 -5
View File
@@ -1,21 +1,28 @@
@import './var.less';
:root {
--van-contact-card-padding: @contact-card-padding;
--van-contact-card-add-icon-size: @contact-card-add-icon-size;
--van-contact-card-add-icon-color: @contact-card-add-icon-color;
--van-contact-card-value-line-height: @contact-card-value-line-height;
}
.van-contact-card {
padding: @contact-card-padding;
padding: var(--van-contact-card-padding);
&__value {
margin-left: 5px;
line-height: @contact-card-value-line-height;
line-height: var(--van-contact-card-value-line-height);
}
&--add {
.van-contact-card__value {
line-height: @contact-card-add-icon-size;
line-height: var(--van-contact-card-add-icon-size);
}
.van-cell__left-icon {
color: @contact-card-add-icon-color;
font-size: @contact-card-add-icon-size;
color: var(--van-contact-card-add-icon-color);
font-size: var(--van-contact-card-add-icon-size);
}
}