Preserve aspect ratio, use correct figure caption
This commit is contained in:
		
					parent
					
						
							
								fa010e1807
							
						
					
				
			
			
				commit
				
					
						82ccc2c4d9
					
				
			
		
					 1 changed files with 9 additions and 4 deletions
				
			
		|  | @ -8,8 +8,10 @@ | |||
|   z-index: 999; | ||||
|   width: 100vw; | ||||
|   height: 100vh; | ||||
|   background: rgba(0, 0, 0, 0.8); } | ||||
|   .lightbox img { | ||||
|   background: rgba(0, 0, 0, 0.8); | ||||
| } | ||||
| 
 | ||||
| .lightbox img { | ||||
|     position: absolute; | ||||
|     top: 0; | ||||
|     left: 0; | ||||
|  | @ -17,7 +19,10 @@ | |||
|     bottom: 0; | ||||
|     margin: auto; | ||||
|     max-width: 100%; | ||||
|     max-height: 100%; } | ||||
|   .lightbox:target { | ||||
|     max-height: 100%; | ||||
|     object-fit: contain; | ||||
| } | ||||
| 
 | ||||
| .lightbox:target { | ||||
|     outline: none; | ||||
|     display: block; } | ||||
|  |  | |||
		Loading…
	
	Add table
		Add a link
		
	
		Reference in a new issue