diff options
Diffstat (limited to 'src')
| -rw-r--r-- | src/objects/_lightbox.scss | 12 |
1 files changed, 10 insertions, 2 deletions
diff --git a/src/objects/_lightbox.scss b/src/objects/_lightbox.scss index b08a7bc..b78fb38 100644 --- a/src/objects/_lightbox.scss +++ b/src/objects/_lightbox.scss | |||
| @@ -29,6 +29,7 @@ | |||
| 29 | max-block-size: none; | 29 | max-block-size: none; |
| 30 | padding: 0; | 30 | padding: 0; |
| 31 | margin: 0; | 31 | margin: 0; |
| 32 | overflow: hidden; | ||
| 32 | background-color: transparent; | 33 | background-color: transparent; |
| 33 | border: 0; | 34 | border: 0; |
| 34 | 35 | ||
| @@ -41,10 +42,9 @@ | |||
| 41 | display: grid; | 42 | display: grid; |
| 42 | } | 43 | } |
| 43 | 44 | ||
| 44 | @include bem.elem('controls') { | 45 | @include bem.elem('info', 'controls') { |
| 45 | position: absolute; | 46 | position: absolute; |
| 46 | inset-block-start: props.get(vars.$pad); | 47 | inset-block-start: props.get(vars.$pad); |
| 47 | inset-inline-end: props.get(vars.$pad); | ||
| 48 | z-index: 20; | 48 | z-index: 20; |
| 49 | padding: props.get(vars.$controls--pad-y) props.get(vars.$controls--pad-x); | 49 | padding: props.get(vars.$controls--pad-y) props.get(vars.$controls--pad-x); |
| 50 | background-color: props.get(vars.$controls--bg); | 50 | background-color: props.get(vars.$controls--bg); |
| @@ -57,6 +57,14 @@ | |||
| 57 | props.get(vars.$controls--shadow-color); | 57 | props.get(vars.$controls--shadow-color); |
| 58 | } | 58 | } |
| 59 | 59 | ||
| 60 | @include bem.elem('info') { | ||
| 61 | inset-inline-start: props.get(vars.$pad); | ||
| 62 | } | ||
| 63 | |||
| 64 | @include bem.elem('controls') { | ||
| 65 | inset-inline-end: props.get(vars.$pad); | ||
| 66 | } | ||
| 67 | |||
| 60 | @include bem.elem('img') { | 68 | @include bem.elem('img') { |
| 61 | position: relative; | 69 | position: relative; |
| 62 | z-index: 10; | 70 | z-index: 10; |
