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