diff options
Diffstat (limited to 'src/objects/_lightbox.scss')
| -rw-r--r-- | src/objects/_lightbox.scss | 8 |
1 files changed, 7 insertions, 1 deletions
diff --git a/src/objects/_lightbox.scss b/src/objects/_lightbox.scss index e5dbb38..32fe6b4 100644 --- a/src/objects/_lightbox.scss +++ b/src/objects/_lightbox.scss | |||
| @@ -34,16 +34,22 @@ | |||
| 34 | overflow: hidden; | 34 | overflow: hidden; |
| 35 | background-color: transparent; | 35 | background-color: transparent; |
| 36 | border: 0; | 36 | border: 0; |
| 37 | pointer-events: none; | ||
| 37 | 38 | ||
| 38 | &::backdrop { | 39 | &::backdrop { |
| 39 | background-color: props.get(backdrop.$bg-color); | 40 | background-color: props.get(backdrop.$bg-color); |
| 40 | backdrop-filter: blur(props.get(backdrop.$blur)); | 41 | backdrop-filter: blur(props.get(backdrop.$blur)); |
| 41 | } | 42 | } |
| 42 | 43 | ||
| 43 | &[open] { | 44 | &[open], |
| 45 | &:popover-open { | ||
| 44 | display: grid; | 46 | display: grid; |
| 45 | } | 47 | } |
| 46 | 48 | ||
| 49 | > * { | ||
| 50 | pointer-events: auto; | ||
| 51 | } | ||
| 52 | |||
| 47 | @include bem.elem('info', 'controls') { | 53 | @include bem.elem('info', 'controls') { |
| 48 | position: absolute; | 54 | position: absolute; |
| 49 | inset-block-start: props.get(vars.$pad); | 55 | inset-block-start: props.get(vars.$pad); |
