mirror of
https://github.com/mdbootstrap/mdb-ui-kit.git
synced 2024-11-11 12:17:59 +03:00
make checkbox animate quickly when not hover.
it's not a perfect method. need improve. by the way. add 'Thumbs.db' and '.DS_Store' to .gitignore.
This commit is contained in:
parent
08a4e84585
commit
b2eefc97ec
3
.gitignore
vendored
3
.gitignore
vendored
|
@ -1,3 +1,6 @@
|
||||||
# https://git-scm.com/docs/gitignore
|
# https://git-scm.com/docs/gitignore
|
||||||
# https://help.github.com/articles/ignoring-files
|
# https://help.github.com/articles/ignoring-files
|
||||||
# Example .gitignore files: https://github.com/github/gitignore
|
# Example .gitignore files: https://github.com/github/gitignore
|
||||||
|
|
||||||
|
Thumbs.db
|
||||||
|
.DS_Store
|
|
@ -66,10 +66,17 @@
|
||||||
|
|
||||||
// Ripple effect on click
|
// Ripple effect on click
|
||||||
input[type=checkbox]:not(:checked) ~ .check:after {
|
input[type=checkbox]:not(:checked) ~ .check:after {
|
||||||
.animation(rippleOff 500ms);
|
.animation(rippleOff 500ms linear forwards);
|
||||||
}
|
}
|
||||||
input[type=checkbox]:checked ~ .check:after {
|
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
|
// Style for disabled inputs
|
||||||
|
|
|
@ -98,6 +98,7 @@
|
||||||
-moz-animation-duration: @duration;
|
-moz-animation-duration: @duration;
|
||||||
-ms-animation-duration: @duration;
|
-ms-animation-duration: @duration;
|
||||||
-o-animation-duration: @duration;
|
-o-animation-duration: @duration;
|
||||||
|
animation-duration: @duration;
|
||||||
}
|
}
|
||||||
.animation-fill-mode(@mode) {
|
.animation-fill-mode(@mode) {
|
||||||
-webkit-animation-fill-mode: @mode;
|
-webkit-animation-fill-mode: @mode;
|
||||||
|
|
Loading…
Reference in New Issue
Block a user