diff --git a/.gitignore b/.gitignore index f86fa8e1..62bf0fe9 100644 --- a/.gitignore +++ b/.gitignore @@ -1,3 +1,6 @@ # https://git-scm.com/docs/gitignore # https://help.github.com/articles/ignoring-files -# Example .gitignore files: https://github.com/github/gitignore \ No newline at end of file +# Example .gitignore files: https://github.com/github/gitignore + +Thumbs.db +.DS_Store \ No newline at end of file diff --git a/less/checkboxes.less b/less/checkboxes.less index 71b5b887..793539c6 100644 --- a/less/checkboxes.less +++ b/less/checkboxes.less @@ -66,10 +66,17 @@ // Ripple effect on click input[type=checkbox]:not(:checked) ~ .check:after { - .animation(rippleOff 500ms); + .animation(rippleOff 500ms linear forwards); } input[type=checkbox]:checked ~ .check:after { - .animation(rippleOn 500ms); + .animation(rippleOn 500ms linear forwards); + } + + // Make animate quickly when not hover + &:not(:hover) input[type=checkbox] ~ .check { + &:before, &:after { + .animation-duration(1ms); + } } // Style for disabled inputs diff --git a/less/prefixer.less b/less/prefixer.less index 39b3a943..e26f70b2 100644 --- a/less/prefixer.less +++ b/less/prefixer.less @@ -98,6 +98,7 @@ -moz-animation-duration: @duration; -ms-animation-duration: @duration; -o-animation-duration: @duration; + animation-duration: @duration; } .animation-fill-mode(@mode) { -webkit-animation-fill-mode: @mode;