reassign the box shadow to each element instead
This commit is contained in:
		
							parent
							
								
									a18d2f1bcc
								
							
						
					
					
						commit
						b1ba275d0a
					
				
					 1 changed files with 14 additions and 5 deletions
				
			
		|  | @ -1,19 +1,27 @@ | |||
| .collapsible .collapsible-header, .collapsible .collapsible-body { | ||||
| 	background-color: var(--background-color-card); | ||||
| }; | ||||
| 
 | ||||
| /* | ||||
| .collapsible > li { | ||||
| 	border-color: var(--separator-color) !important; | ||||
| }; | ||||
| };*/ | ||||
| 
 | ||||
| /* Active events */ | ||||
| .collapsible .collapsible-header:focus, .collapsible .collapsible-header:active { | ||||
| 	background-color: var(--surface-color); | ||||
| } | ||||
| 
 | ||||
| .collapsible { | ||||
| 	background-color: none; | ||||
| 	box-shadow: none; | ||||
| } | ||||
| 
 | ||||
| .collapsible > li { | ||||
| 	box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.12), 0 1px 5px 0 rgba(0, 0, 0, 0.2); | ||||
| } | ||||
| 
 | ||||
| .collapsible .collapsible-header:hover { | ||||
| 	background-color: var(--hover-color); | ||||
| 	 | ||||
| } | ||||
| 
 | ||||
| .collapsible .active .collapsible-header { | ||||
|  | @ -21,5 +29,6 @@ | |||
| } | ||||
| 
 | ||||
| .collapsible > li:has(.collapsible-header:hover) { | ||||
| 	border: 1px solid var(--hover-color); | ||||
| 	 | ||||
| } | ||||
| 
 | ||||
|  |  | |||
		Loading…
	
	Add table
		Add a link
		
	
		Reference in a new issue