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
Reference in a new issue