Set toast z-index variable in the correct spot

The .toast-container tries to use the z-index CSS variable, which is defined under .toast.
However, this variable is not accessible to the container. This change copies the variable to the spot where it can be used.

diff --git a/scss/_toasts.scss b/scss/_toasts.scss
index c34e49b2418bbd9061806d36a3416d4e00579fa2..2ce378d5bc96d499be2053b64da383a63d7cc2eb 100644 (file)
--- a/scss/_toasts.scss
+++ b/scss/_toasts.scss
@@ -38,6 +38,8 @@
 }
 
 .toast-container {
+  --#{$prefix}toast-zindex: #{$zindex-toast};
+
   position: absolute;
   z-index: var(--#{$prefix}toast-zindex);
   width: max-content;