mirror of
				https://github.com/searxng/searxng.git
				synced 2025-11-03 19:17:07 -05:00 
			
		
		
		
	[simple theme] add animations.less for keyframe animations
This commit is contained in:
		
							parent
							
								
									e612b81f41
								
							
						
					
					
						commit
						6a367b59ce
					
				
							
								
								
									
										15
									
								
								searx/static/themes/simple/src/less/animations.less
									
									
									
									
									
										Normal file
									
								
							
							
						
						
									
										15
									
								
								searx/static/themes/simple/src/less/animations.less
									
									
									
									
									
										Normal file
									
								
							@ -0,0 +1,15 @@
 | 
			
		||||
.dialog-modal {
 | 
			
		||||
  animation-name: dialogmodal;
 | 
			
		||||
  animation-duration: 0.13s;
 | 
			
		||||
 | 
			
		||||
  @keyframes dialogmodal {
 | 
			
		||||
    0% {
 | 
			
		||||
      opacity: 0;
 | 
			
		||||
    }
 | 
			
		||||
 | 
			
		||||
    50% {
 | 
			
		||||
      opacity: 0.5;
 | 
			
		||||
      transform: translate(-50%, -50%) scale(1.05);
 | 
			
		||||
    }
 | 
			
		||||
  }
 | 
			
		||||
}
 | 
			
		||||
@ -16,6 +16,7 @@
 | 
			
		||||
@import "toolkit.less";
 | 
			
		||||
@import "autocomplete.less";
 | 
			
		||||
@import "detail.less";
 | 
			
		||||
@import "animations.less";
 | 
			
		||||
 | 
			
		||||
// for index.html template
 | 
			
		||||
@import "index.less";
 | 
			
		||||
 | 
			
		||||
@ -191,25 +191,12 @@ div.selectable_url {
 | 
			
		||||
  margin: 0 auto;
 | 
			
		||||
  transform: translate(-50%, -50%);
 | 
			
		||||
  z-index: 10000000;
 | 
			
		||||
  animation-name: dialogmodal;
 | 
			
		||||
  animation-duration: 0.13s;
 | 
			
		||||
 | 
			
		||||
  h3 {
 | 
			
		||||
    margin-top: 0;
 | 
			
		||||
  }
 | 
			
		||||
}
 | 
			
		||||
 | 
			
		||||
@keyframes dialogmodal {
 | 
			
		||||
  0% {
 | 
			
		||||
    opacity: 0;
 | 
			
		||||
  }
 | 
			
		||||
 | 
			
		||||
  50% {
 | 
			
		||||
    opacity: 0.5;
 | 
			
		||||
    transform: translate(-50%, -50%) scale(1.05);
 | 
			
		||||
  }
 | 
			
		||||
}
 | 
			
		||||
 | 
			
		||||
// btn-collapse
 | 
			
		||||
.btn-collapse {
 | 
			
		||||
  cursor: pointer;
 | 
			
		||||
 | 
			
		||||
		Loading…
	
	
			
			x
			
			
		
	
		Reference in New Issue
	
	Block a user