Expose z-index css var (#40)

Prinzhorn · web-flow · commit 9c26c5fccab6 · 2022-03-02T17:32:34.000+08:00
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>
 

Original file line number	Diff line number	Diff line change
`@@ -138,6 +138,7 @@ In general, use CSS variables - the following (self-explanatory) vars are expose`
`138`	`138`	`right: var(--toastContainerRight, 2rem);`
`139`	`139`	`bottom: var(--toastContainerBottom, auto);`
`140`	`140`	`left: var(--toastContainerLeft, auto);`
	`141`	`+ z-index: var(--toastContainerZIndex, 9999);`
`141`	`142`	`}`
`142`	`143`
`143`	`144`	`._toastItem {`
Original file line number	Diff line number	Diff line change
@@ -26,7 +26,7 @@ const getCss = (theme) => Object.keys(theme).reduce((a, c) => `${a}${c}:${theme[
`26`	`26`	`padding: 0;`
`27`	`27`	`list-style-type: none;`
`28`	`28`	`pointer-events: none;`
`29`		`- z-index: 9999;`
	`29`	`+ z-index: var(--toastContainerZIndex, 9999);`
`30`	`30`	`}`
`31`	`31`	`</style>`
`32`	`32`