add Checkbox UI

add Checkbox UI
This commit is contained in:
梁灏 2016-09-20 22:00:16 +08:00
parent 4925f85fea
commit 6c5fbd8b04
13 changed files with 216 additions and 16 deletions

View file

@ -54,7 +54,7 @@
content: '';
border-radius: inherit;
z-index: 1;
.transition(opacity @animation-time);
.transition(opacity @transition-time);
pointer-events: none;
display: none;
}

View file

@ -0,0 +1 @@
.checkboxFn();

View file

@ -9,4 +9,5 @@
@import "card";
@import "message";
@import "notice";
@import "radio";
@import "radio";
@import "checkbox";

View file

@ -41,7 +41,7 @@
background-color: #fff;
border: 1px solid @border-color-base;
border-radius: 50%;
.transition(all @animation-time @ease-in-out);
.transition(all @transition-time @ease-in-out);
&:after {
position: absolute;
@ -56,7 +56,7 @@
content: ' ';
background-color: @primary-color;
opacity: 0;
.transition(all @animation-time @ease-in-out);
.transition(all @transition-time @ease-in-out);
.transform(scale(0));
}
}
@ -80,7 +80,7 @@
&:after {
opacity: 1;
.transform(scale(1));
.transition(all @animation-time @ease-in-out);
.transition(all @transition-time @ease-in-out);
}
}
}
@ -126,7 +126,7 @@ span.@{radio-prefix-cls} + * {
line-height: 26px;
color: @btn-default-color;
display: inline-block;
.transition(all @animation-time ease-in-out);
.transition(all @transition-time ease-in-out);
cursor: pointer;
border: 1px solid @border-color-base;
border-left: 0;
@ -145,7 +145,7 @@ span.@{radio-prefix-cls} + * {
left: -1px;
background: @border-color-base;
visibility: hidden;
.transition(all @animation-time ease-in-out);
.transition(all @transition-time ease-in-out);
}
&:first-child {