Upgrade to bootstrap 4.5

[roojs1] / scss / bootstrap / _toasts.scss

diff --git a/scss/bootstrap/_toasts.scss b/scss/bootstrap/_toasts.scss
index d6ba4ca..f9ca8d9 100644 (file)
--- a/scss/bootstrap/_toasts.scss
+++ b/scss/bootstrap/_toasts.scss
@@ -1,21 +1,32 @@
 .toast {
-  display: none;
+  // Prevents from shrinking in IE11, when in a flex container
+  // See https://github.com/twbs/bootstrap/issues/28341
+  flex-basis: $toast-max-width;
   max-width: $toast-max-width;
-  overflow: hidden; // cheap rounded corners on nested items
-  font-size: $toast-font-size; // knock it down to 14px
+  @include font-size($toast-font-size);
+  color: $toast-color;
   background-color: $toast-background-color;
   background-clip: padding-box;
   border: $toast-border-width solid $toast-border-color;
-  border-radius: $toast-border-radius;
   box-shadow: $toast-box-shadow;
-  backdrop-filter: blur(10px);
+  opacity: 0;
+  @include border-radius($toast-border-radius);
 
-  + .toast {
-    margin-top: $toast-padding-x;
+  &:not(:last-child) {
+    margin-bottom: $toast-padding-x;
+  }
+
+  &.showing {
+    opacity: 1;
   }
 
   &.show {
     display: block;
+    opacity: 1;
+  }
+
+  &.hide {
+    display: none;
   }
 }
 
@@ -27,6 +38,7 @@
   background-color: $toast-header-background-color;
   background-clip: padding-box;
   border-bottom: $toast-border-width solid $toast-header-border-color;
+  @include border-top-radius(subtract($toast-border-radius, $toast-border-width));
 }
 
 .toast-body {