ui/vant
1
0
Fork 0
mirror of https://github.com/youzan/vant.git synced 2025-10-20 02:31:21 +00:00
Code Issues Actions 1 Packages Projects Releases Wiki Activity

[Improvement] Checkbox: support custom icon (#1414)

Browse Source
This commit is contained in:
neverland
2018-07-05 21:25:04 +08:00
committed by GitHub
parent 0149dc0976
commit a0602c81d5
11 changed files with 217 additions and 108 deletions
Download Patch File Download Diff File Expand all files Collapse all files

67
packages/vant-css/src/checkbox.css
View File

@@ -14,13 +14,45 @@ $van-checkbox-size: 20px;
}
&__icon {
font-size: 12px;
color: transparent;
text-align: center;
border: 1px solid #aaa;
width: $van-checkbox-size;
height: $van-checkbox-size;
box-sizing: border-box;
.van-icon {
font-size: 12px;
color: transparent;
text-align: center;
line-height: inherit;
border: 1px solid #aaa;
width: $van-checkbox-size;
height: $van-checkbox-size;
box-sizing: border-box;
}
&--round {
.van-icon {
border-radius: 100%;
}
}
&--checked {
.van-icon {
color: #fff;
border-color: $green;
background-color: $green;
}
}
&--disabled {
.van-icon {
color: $background-color;
border-color: $border-color;
background-color: currentColor;
}
}
&--disabled&--checked {
.van-icon {
border-color: $border-color;
background-color: $border-color;
}
}
}
&__label {
@@ -31,25 +63,4 @@ $van-checkbox-size: 20px;
margin: 0 10px 0 0;
}
}
&--round {
border-radius: 100%;
}
&--checked {
color: #fff;
border-color: $green;
background-color: $green;
}
&--disabled {
color: $background-color;
border-color: $border-color;
background-color: currentColor;
}
&--disabled&--checked {
border-color: $border-color;
background-color: $border-color;
}
}