mdbootstrap/mdb-ui-kit
1
1
Fork 0
mirror of https://github.com/mdbootstrap/mdb-ui-kit.git synced 2025-01-31 03:34:15 +03:00
Code Issues Packages Projects Releases Wiki Activity

minor fix on checkboxes animation

Browse Source
This commit is contained in:
FezVrasta 2014-09-30 13:57:49 +02:00
parent 8767b5425a
commit e4ad7d750e
3 changed files with 167 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

80
css-compiled/material-wfont.css
View File

@ -1001,6 +1001,86 @@ body .jumbotron-material-lightgrey,
border-top-color: #5a5a5a; border-top-color: #5a5a5a;
} }
} }
@-ms-keyframes uncheck {
0% {
top: -3px;
left: 17px;
width: 10px;
height: 21px;
border-color: #0f9d58;
border-left-color: transparent;
border-top-color: transparent;
-ms-transform: rotate(45deg);
transform: rotate(45deg);
}
50% {
top: 14px;
left: 17px;
width: 4px;
height: 4px;
-ms-transform: rotate(45deg);
transform: rotate(45deg);
border-color: #0f9d58;
border-left-color: transparent;
border-top-color: transparent;
}
51% {
border-color: #5a5a5a;
border-left-color: #5a5a5a;
border-top-color: #5a5a5a;
}
100% {
top: 1px;
left: 12px;
width: 18px;
height: 18px;
-ms-transform: rotate(0deg);
transform: rotate(0deg);
border-color: #5a5a5a;
border-left-color: #5a5a5a;
border-top-color: #5a5a5a;
}
}
@keyframes uncheck {
0% {
top: -3px;
left: 17px;
width: 10px;
height: 21px;
border-color: #0f9d58;
border-left-color: transparent;
border-top-color: transparent;
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
}
50% {
top: 14px;
left: 17px;
width: 4px;
height: 4px;
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
border-color: #0f9d58;
border-left-color: transparent;
border-top-color: transparent;
}
51% {
border-color: #5a5a5a;
border-left-color: #5a5a5a;
border-top-color: #5a5a5a;
}
100% {
top: 1px;
left: 12px;
width: 18px;
height: 18px;
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
border-color: #5a5a5a;
border-left-color: #5a5a5a;
border-top-color: #5a5a5a;
}
}
@-webkit-keyframes check { @-webkit-keyframes check {
100% { 100% {
top: -3px; top: -3px;

80
css-compiled/material.css
View File

@ -1000,6 +1000,86 @@ body .jumbotron-material-lightgrey,
border-top-color: #5a5a5a; border-top-color: #5a5a5a;
} }
} }
@-ms-keyframes uncheck {
0% {
top: -3px;
left: 17px;
width: 10px;
height: 21px;
border-color: #0f9d58;
border-left-color: transparent;
border-top-color: transparent;
-ms-transform: rotate(45deg);
transform: rotate(45deg);
}
50% {
top: 14px;
left: 17px;
width: 4px;
height: 4px;
-ms-transform: rotate(45deg);
transform: rotate(45deg);
border-color: #0f9d58;
border-left-color: transparent;
border-top-color: transparent;
}
51% {
border-color: #5a5a5a;
border-left-color: #5a5a5a;
border-top-color: #5a5a5a;
}
100% {
top: 1px;
left: 12px;
width: 18px;
height: 18px;
-ms-transform: rotate(0deg);
transform: rotate(0deg);
border-color: #5a5a5a;
border-left-color: #5a5a5a;
border-top-color: #5a5a5a;
}
}
@keyframes uncheck {
0% {
top: -3px;
left: 17px;
width: 10px;
height: 21px;
border-color: #0f9d58;
border-left-color: transparent;
border-top-color: transparent;
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
}
50% {
top: 14px;
left: 17px;
width: 4px;
height: 4px;
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
border-color: #0f9d58;
border-left-color: transparent;
border-top-color: transparent;
}
51% {
border-color: #5a5a5a;
border-left-color: #5a5a5a;
border-top-color: #5a5a5a;
}
100% {
top: 1px;
left: 12px;
width: 18px;
height: 18px;
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
border-color: #5a5a5a;
border-left-color: #5a5a5a;
border-top-color: #5a5a5a;
}
}
@-webkit-keyframes check { @-webkit-keyframes check {
100% { 100% {
top: -3px; top: -3px;

8
less/checkboxes.less
View File

@ -85,7 +85,7 @@
} }
@-webkit-keyframes uncheck { .keyframe-uncheck() {
0% { 0% {
top: -3px; top: -3px;
left: 17px; left: 17px;
@ -159,6 +159,12 @@
border-top-color: #5a5a5a; border-top-color: #5a5a5a;
} }
} }
@-webkit-keyframes uncheck {.keyframe-uncheck()}
@-moz-keyframes uncheck {.keyframe-uncheck()}
@-ms-keyframes uncheck {.keyframe-uncheck()}
@-o-keyframes uncheck {.keyframe-uncheck()}
@keyframes uncheck {.keyframe-uncheck()}
@-webkit-keyframes check {.keyframe-check()} @-webkit-keyframes check {.keyframe-check()}
@-moz-keyframes check {.keyframe-check()} @-moz-keyframes check {.keyframe-check()}
@-ms-keyframes check {.keyframe-check()} @-ms-keyframes check {.keyframe-check()}