Index: lams_central/web/css/bootstrap/_toasts.scss =================================================================== diff -u -rb7c92dbcfdb0469dbc0144190a201757f398e529 -ra90d0744dd0d09d1b04869e61ce1b66bf1ee3242 --- lams_central/web/css/bootstrap/_toasts.scss (.../_toasts.scss) (revision b7c92dbcfdb0469dbc0144190a201757f398e529) +++ lams_central/web/css/bootstrap/_toasts.scss (.../_toasts.scss) (revision a90d0744dd0d09d1b04869e61ce1b66bf1ee3242) @@ -1,11 +1,12 @@ .toast { // scss-docs-start toast-css-vars + --#{$prefix}toast-zindex: #{$zindex-toast}; --#{$prefix}toast-padding-x: #{$toast-padding-x}; --#{$prefix}toast-padding-y: #{$toast-padding-y}; --#{$prefix}toast-spacing: #{$toast-spacing}; --#{$prefix}toast-max-width: #{$toast-max-width}; @include rfs($toast-font-size, --#{$prefix}toast-font-size); - --#{$prefix}toast-color: #{$toast-color}; // stylelint-disable-line custom-property-empty-line-before + --#{$prefix}toast-color: #{$toast-color}; --#{$prefix}toast-bg: #{$toast-background-color}; --#{$prefix}toast-border-width: #{$toast-border-width}; --#{$prefix}toast-border-color: #{$toast-border-color}; @@ -37,8 +38,10 @@ } .toast-container { + --#{$prefix}toast-zindex: #{$zindex-toast}; + position: absolute; - z-index: $zindex-toast; + z-index: var(--#{$prefix}toast-zindex); width: max-content; max-width: 100%; pointer-events: none; @@ -59,7 +62,7 @@ @include border-top-radius(calc(var(--#{$prefix}toast-border-radius) - var(--#{$prefix}toast-border-width))); .btn-close { - margin-right: calc(var(--#{$prefix}toast-padding-x) * -.5); // stylelint-disable-line function-disallowed-list + margin-right: calc(-.5 * var(--#{$prefix}toast-padding-x)); // stylelint-disable-line function-disallowed-list margin-left: var(--#{$prefix}toast-padding-x); } }