mirror of
https://github.com/mdbootstrap/mdb-ui-kit.git
synced 2024-11-25 19:14:09 +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
8767b5425a
commit
7a6aaec9f2
5
.gitignore
vendored
5
.gitignore
vendored
|
@ -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
|
||||
# Example .gitignore files: https://github.com/github/gitignore
|
||||
|
||||
Thumbs.db
|
||||
.DS_Store
|
|
@ -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
|
||||
|
|
|
@ -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;
|
||||
|
|
Loading…
Reference in New Issue
Block a user