mirror of
				https://github.com/mdbootstrap/mdb-ui-kit.git
				synced 2025-10-30 23:47:42 +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