Merge pull request #43 from wearerequired/feature/variable-z-index

Use custom property for z-index value
midzer · Nov 20, 2020 · 5062370 · 5062370
2 parents 7804fa0 + b2ae4f7
commit 5062370
Show file tree

Hide file tree

Showing 4 changed files with 6 additions and 3 deletions.
diff --git a/dist/css/tobii.css b/dist/css/tobii.css
@@ -5,6 +5,7 @@
   --zoom-icon-background: hsla(210, 38%, 16%, 0.94);
   --zoom-icon-color: #fff;
   --lightbox-background: hsla(210, 38%, 16%, 0.94);
+  --lightbox-z-index: 1337;
   --caption-background: rgba(255, 255, 255, 0.94);
   --caption-color: hsl(210, 38%, 16%);
   --counter-background: transparent;
@@ -72,7 +73,8 @@
   position: fixed;
   right: 0;
   top: 0;
-  z-index: 1337; }
+  z-index: 1337;
+  z-index: var(--lightbox-z-index); }
   .tobii[aria-hidden='true'] {
     display: none; }
   .tobii *,

diff --git a/dist/css/tobii.min.css b/dist/css/tobii.min.css
diff --git a/src/scss/_variables.scss b/src/scss/_variables.scss
@@ -8,6 +8,7 @@
   --zoom-icon-color: #fff;
 
   --lightbox-background: hsla(210, 38%, 16%, 0.94);
+  --lightbox-z-index: 1337;
 
   --caption-background: rgba(255, 255, 255, 0.94);
   --caption-color: hsl(210, 38%, 16%);

diff --git a/src/scss/tobii.scss b/src/scss/tobii.scss
@@ -69,7 +69,7 @@
   position: fixed;
   right: 0;
   top: 0;
-  z-index: 1337;
+  z-index: var(--lightbox-z-index);
 
 
   &[aria-hidden='true'] {