alighasami/vant
1
0
Fork 0
Code Issues Pull Requests Actions 1 Packages Projects Releases Wiki Activity

feat(style): add component css variables

Browse Source
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
Download Patch File Download Diff File Expand all files Collapse all files
src/contact-edit/index.less
+16 -7
View File
@@ -1,14 +1,23 @@
@import './var.less';
:root {
--van-contact-edit-padding: @contact-edit-padding;
--van-contact-edit-fields-radius: @contact-edit-fields-radius;
--van-contact-edit-buttons-padding: @contact-edit-buttons-padding;
--van-contact-edit-button-margin-bottom: @contact-edit-button-margin-bottom;
--van-contact-edit-button-font-size: @contact-edit-button-font-size;
--van-contact-edit-field-label-width: @contact-edit-field-label-width;
}
.van-contact-edit {
padding: @contact-edit-padding;
padding: var(--van-contact-edit-padding);
&__fields {
overflow: hidden;
border-radius: @contact-edit-fields-radius;
border-radius: var(--van-contact-edit-fields-radius);
.van-field__label {
width: @contact-edit-field-label-width;
width: var(--van-contact-edit-field-label-width);
}
}
@@ -16,15 +25,15 @@
margin-top: 10px;
padding-top: 9px;
padding-bottom: 9px;
border-radius: @contact-edit-fields-radius;
border-radius: var(--van-contact-edit-fields-radius);
}
&__buttons {
padding: @contact-edit-buttons-padding;
padding: var(--van-contact-edit-buttons-padding);
}
.van-button {
margin-bottom: @contact-edit-button-margin-bottom;
font-size: @contact-edit-button-font-size;
margin-bottom: var(--van-contact-edit-button-margin-bottom);
font-size: var(--van-contact-edit-button-font-size);
}
}