features/rewrite/dropdown #14
@ -1,10 +1,6 @@
 | 
				
			|||||||
@use "../util" as *;
 | 
					@use "../util" as *;
 | 
				
			||||||
@use "../globals" as *;
 | 
					@use "../globals" as *;
 | 
				
			||||||
 | 
					
 | 
				
			||||||
 | 
					 | 
				
			||||||
 | 
					 | 
				
			||||||
 | 
					 | 
				
			||||||
 | 
					 | 
				
			||||||
$trans-time: 300ms;
 | 
					$trans-time: 300ms;
 | 
				
			||||||
$width: 100%;
 | 
					$width: 100%;
 | 
				
			||||||
 | 
					
 | 
				
			||||||
@ -199,29 +195,8 @@ form{
 | 
				
			|||||||
    display:none
 | 
					    display:none
 | 
				
			||||||
}
 | 
					}
 | 
				
			||||||
 | 
					
 | 
				
			||||||
/*SELECT*/
 | 
					 | 
				
			||||||
 | 
					 | 
				
			||||||
 | 
					 | 
				
			||||||
select {
 | 
					 | 
				
			||||||
    appearance: none;
 | 
					 | 
				
			||||||
 | 
					 | 
				
			||||||
    &:focus-within ~ .drop-down {
 | 
					 | 
				
			||||||
        height: auto;
 | 
					 | 
				
			||||||
        max-height: max-content;
 | 
					 | 
				
			||||||
        opacity: 1;
 | 
					 | 
				
			||||||
        pointer-events: initial;
 | 
					 | 
				
			||||||
 | 
					 | 
				
			||||||
    }
 | 
					 | 
				
			||||||
    &:focus-within ~ .backdrop {
 | 
					 | 
				
			||||||
        opacity: 1;
 | 
					 | 
				
			||||||
        display: block;
 | 
					 | 
				
			||||||
    }
 | 
					 | 
				
			||||||
}
 | 
					 | 
				
			||||||
 | 
					 | 
				
			||||||
 | 
					 | 
				
			||||||
/*form group-alt*/
 | 
					/*form group-alt*/
 | 
				
			||||||
 | 
					
 | 
				
			||||||
 | 
					 | 
				
			||||||
  .form-group-alt {
 | 
					  .form-group-alt {
 | 
				
			||||||
    --height: 2.5rem;
 | 
					    --height: 2.5rem;
 | 
				
			||||||
  
 | 
					  
 | 
				
			||||||
 | 
				
			|||||||
		Loading…
	
	
			
			x
			
			
		
	
		Reference in New Issue
	
	Block a user