summaryrefslogtreecommitdiffstats
path: root/src
diff options
context:
space:
mode:
Diffstat (limited to 'src')
-rw-r--r--src/objects/_lightbox.scss12
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;