Expose z-index css var (zerodevx#40)

domuk-k · Mar 2, 2022 · 9c26c5f · 9c26c5f
1 parent 281f95d
commit 9c26c5f
Show file tree

Hide file tree

Showing 2 changed files with 2 additions and 1 deletion.
diff --git a/README.md b/README.md
@@ -138,6 +138,7 @@ In general, use CSS variables - the following (self-explanatory) vars are expose
   right: var(--toastContainerRight, 2rem);
   bottom: var(--toastContainerBottom, auto);
   left: var(--toastContainerLeft, auto);
+  z-index: var(--toastContainerZIndex, 9999);
 }
 
 ._toastItem {

diff --git a/src/SvelteToast.svelte b/src/SvelteToast.svelte
@@ -26,7 +26,7 @@ const getCss = (theme) => Object.keys(theme).reduce((a, c) => `${a}${c}:${theme[
   padding: 0;
   list-style-type: none;
   pointer-events: none;
-  z-index: 9999;
+  z-index: var(--toastContainerZIndex, 9999);
 }
 </style>