2018-11-28 21:12:48 +08:00

62 lines
1022 B
Plaintext

@import '../common/style/var.less';
@checkbox-size: 20px;
.van-checkbox {
overflow: hidden;
user-select: none;
&__icon-wrap,
&__label {
display: inline-block;
line-height: @checkbox-size;
vertical-align: middle;
}
&__icon {
box-sizing: border-box;
display: block;
width: @checkbox-size;
height: @checkbox-size;
border: 1px solid @gray-light;
color: transparent;
font-size: 14px;
text-align: center;
transition: .2s;
&--round {
border-radius: 100%;
}
&--checked {
color: @white;
border-color: @blue;
background-color: @blue;
}
&--disabled {
border-color: @border-color;
background-color: currentColor;
color: @background-color;
}
&--disabled&--checked {
border-color: @border-color;
background-color: @border-color;
}
}
&__label {
margin-left: 10px;
&--left {
margin: 0 10px 0 0;
float: left;
}
&:empty {
margin: 0;
}
}
}