drip-public/iview
5
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Checkbox add size prop

Browse source
This commit is contained in:
梁灏 2017-08-24 17:25:21 +08:00
parent 3485243a4d
commit 77f1cc2e34
5 changed files with 99 additions and 7 deletions
Download patch file Download diff file Expand all files Collapse all files

62
src/styles/mixins/checkbox.less
View file

@ -48,6 +48,28 @@
transition: all @transition-time @ease-in-out;
}
}
&-large{
font-size: 16px;
& .@{checkbox-inner-prefix-cls} {
width: 16px;
height: 16px;
&:after{
width: 5px;
height: 9px;
}
}
}
&-small{
font-size: 12px;
& .@{checkbox-inner-prefix-cls} {
width: 12px;
height: 12px;
&:after{
top: 0;
left: 3px;
}
}
}
&-input {
width: 100%;
@ -96,6 +118,26 @@
}
}
}
.@{checkbox-prefix-cls}-large{
.@{checkbox-prefix-cls}-checked{
.@{checkbox-inner-prefix-cls} {
&:after{
width: 5px;
height: 9px;
}
}
}
}
.@{checkbox-prefix-cls}-small{
.@{checkbox-prefix-cls}-checked{
.@{checkbox-inner-prefix-cls} {
&:after{
top: 0;
left: 3px;
}
}
}
}
// 禁用
.@{checkbox-prefix-cls}-disabled {
@ -164,6 +206,22 @@
border-color: @primary-color;
}
}
.@{checkbox-prefix-cls}-large {
.@{checkbox-prefix-cls}-indeterminate{
.@{checkbox-inner-prefix-cls}:after{
width: 10px;
top: 6px;
}
}
}
.@{checkbox-prefix-cls}-small {
.@{checkbox-prefix-cls}-indeterminate{
.@{checkbox-inner-prefix-cls}:after{
width: 6px;
top: 4px;
}
}
}
.@{checkbox-prefix-cls}-wrapper {
cursor: pointer;
@ -173,6 +231,10 @@
&-disabled{
cursor: @cursor-disabled;
}
&.@{checkbox-prefix-cls}-large{
font-size: @font-size-base;
}
}
.@{checkbox-prefix-cls}-wrapper + span,