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

feat(style): component using basic css variables

Browse Source
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
Download Patch File Download Diff File Expand all files Collapse all files
src/checkbox/index.less
+2 -2
View File
@@ -28,7 +28,7 @@
}
&--horizontal {
margin-right: @padding-sm;
margin-right: var(--van-padding-sm);
}
&__icon {
@@ -60,7 +60,7 @@
&--checked {
.van-icon {
color: @white;
color: var(--van-white);
background-color: var(--van-checkbox-checked-icon-color);
border-color: var(--van-checkbox-checked-icon-color);
}
src/checkbox/var.less
+8 -8
View File
@@ -1,11 +1,11 @@
@import '../style/var.less';
@checkbox-size: 20px;
@checkbox-border-color: @gray-5;
@checkbox-transition-duration: @animation-duration-fast;
@checkbox-label-margin: @padding-xs;
@checkbox-label-color: @text-color;
@checkbox-checked-icon-color: @blue;
@checkbox-disabled-icon-color: @gray-5;
@checkbox-disabled-label-color: @gray-5;
@checkbox-disabled-background-color: @border-color;
@checkbox-border-color: var(--van-gray-5);
@checkbox-transition-duration: var(--van-animation-duration-fast);
@checkbox-label-margin: var(--van-padding-xs);
@checkbox-label-color: var(--van-text-color);
@checkbox-checked-icon-color: var(--van-blue);
@checkbox-disabled-icon-color: var(--van-gray-5);
@checkbox-disabled-label-color: var(--van-gray-5);
@checkbox-disabled-background-color: var(--van-border-color);