diff options
| -rw-r--r-- | assets/css/components/_lightbox.scss | 12 |
1 files changed, 6 insertions, 6 deletions
diff --git a/assets/css/components/_lightbox.scss b/assets/css/components/_lightbox.scss index 165e21c..f497a5e 100644 --- a/assets/css/components/_lightbox.scss +++ b/assets/css/components/_lightbox.scss | |||
| @@ -26,6 +26,7 @@ | |||
| 26 | justify-content: center; | 26 | justify-content: center; |
| 27 | width: 100%; | 27 | width: 100%; |
| 28 | height: 100%; | 28 | height: 100%; |
| 29 | padding-bottom: 3vh; | ||
| 29 | transition: opacity .2s, visibility .2s; | 30 | transition: opacity .2s, visibility .2s; |
| 30 | opacity: 0; | 31 | opacity: 0; |
| 31 | 32 | ||
| @@ -56,12 +57,11 @@ | |||
| 56 | } | 57 | } |
| 57 | 58 | ||
| 58 | @include element('img') { | 59 | @include element('img') { |
| 59 | max-width: 100%; | 60 | max-width: 100%; |
| 60 | min-height: 0; | 61 | min-height: 0; |
| 61 | max-height: 100%; | 62 | max-height: 100%; |
| 62 | margin-top: auto; | 63 | margin-top: auto; |
| 63 | margin-bottom: auto; | 64 | margin-bottom: auto; |
| 64 | padding-bottom: 2rem; | ||
| 65 | } | 65 | } |
| 66 | 66 | ||
| 67 | @include element('close', 'prev', 'next') { | 67 | @include element('close', 'prev', 'next') { |