diff options
| -rw-r--r-- | src/objects/_lightbox.scss | 16 |
1 files changed, 13 insertions, 3 deletions
diff --git a/src/objects/_lightbox.scss b/src/objects/_lightbox.scss index 3938706..c960798 100644 --- a/src/objects/_lightbox.scss +++ b/src/objects/_lightbox.scss | |||
| @@ -60,13 +60,23 @@ | |||
| 60 | max-block-size: 100%; | 60 | max-block-size: 100%; |
| 61 | margin: auto; | 61 | margin: auto; |
| 62 | object-fit: contain; | 62 | object-fit: contain; |
| 63 | |||
| 64 | @include bem.is('hidden') { | ||
| 65 | display: none; | ||
| 66 | |||
| 67 | @include bem.next-elem('placeholder') { | ||
| 68 | display: block; | ||
| 69 | } | ||
| 70 | } | ||
| 63 | } | 71 | } |
| 64 | 72 | ||
| 65 | @include bem.elem('placeholder') { | 73 | @include bem.elem('placeholder') { |
| 66 | position: absolute; | 74 | position: absolute; |
| 67 | inset-block-start: 50%; | 75 | inset-block-start: 50%; |
| 68 | inset-inline-start: 50%; | 76 | inset-inline-start: 50%; |
| 69 | transform: translate(-50, -50); | 77 | z-index: 5; |
| 78 | display: none; | ||
| 79 | transform: translate(-50, -50); | ||
| 70 | } | 80 | } |
| 71 | 81 | ||
| 72 | @include bem.elem('thumbnails') { | 82 | @include bem.elem('thumbnails') { |
