[improvement] Checkbox: update disabled label color (#2260)

This commit is contained in:
neverland
2018-12-10 20:25:13 +08:00
committed by GitHub
parent 4fe387b7b1
commit abee937da9
5 changed files with 27 additions and 16 deletions
+14 -11
View File
@@ -18,11 +18,11 @@
color: transparent;
text-align: center;
line-height: inherit;
border: 1px solid @gray-light;
width: @checkbox-size;
height: @checkbox-size;
box-sizing: border-box;
transition: .2s;
border: 1px solid @checkbox-border-color;
transition: @checkbox-transition-duration;
}
&--round {
@@ -34,33 +34,36 @@
&--checked {
.van-icon {
color: @white;
border-color: @blue;
background-color: @blue;
border-color: @checkbox-checked-icon-color;
background-color: @checkbox-checked-icon-color;
}
}
&--disabled {
.van-icon {
color: @background-color;
border-color: @border-color;
background-color: currentColor;
border-color: @checkbox-disabled-icon-color;
background-color: @checkbox-disabled-background-color;
}
}
&--disabled&--checked {
.van-icon {
border-color: @border-color;
background-color: @border-color;
color: @checkbox-disabled-icon-color;
}
}
}
&__label {
margin-left: 10px;
color: @checkbox-label-color;
margin-left: @checkbox-label-margin;
&--left {
float: left;
margin: 0 10px 0 0;
margin: 0 @checkbox-label-margin 0 0;
}
&--disabled {
color: @checkbox-disabled-label-color;
}
}
}