diff --git a/css-compiled/material-wfont.css b/css-compiled/material-wfont.css index a4e4fa29..6cceab73 100644 --- a/css-compiled/material-wfont.css +++ b/css-compiled/material-wfont.css @@ -1001,6 +1001,86 @@ body .jumbotron-material-lightgrey, 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 { 100% { top: -3px; diff --git a/css-compiled/material.css b/css-compiled/material.css index 645adf75..4b8a06ae 100644 --- a/css-compiled/material.css +++ b/css-compiled/material.css @@ -1000,6 +1000,86 @@ body .jumbotron-material-lightgrey, 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 { 100% { top: -3px; diff --git a/less/checkboxes.less b/less/checkboxes.less index 32fb8f1a..71b5b887 100644 --- a/less/checkboxes.less +++ b/less/checkboxes.less @@ -85,7 +85,7 @@ } -@-webkit-keyframes uncheck { +.keyframe-uncheck() { 0% { top: -3px; left: 17px; @@ -159,6 +159,12 @@ 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()} @-moz-keyframes check {.keyframe-check()} @-ms-keyframes check {.keyframe-check()}