first commit

resources/assets/vendor/scss/_bootstrap-extended/_toasts.scss

@@ -0,0 +1,51 @@
+// Toasts
+// *******************************************************************************
+
+.toast.bs-toast {
+  z-index: $zindex-toast;
+}
+
+//btn close
+.toast-header {
+  border-bottom: $border-width solid $toast-header-border-color;
+  .btn-close {
+    background-image: str-replace(str-replace($btn-close-bg, '#{$btn-close-color}', $text-muted), '#', '%23');
+    padding-top: 0;
+    padding-bottom: 0;
+    margin-left: 0.875rem;
+    background-size: 0.875rem;
+  }
+}
+
+// Toast body font size and padding override
+.toast-body {
+  font-size: 0.8125rem;
+  padding-top: 0.684rem;
+  padding-bottom: 0.684rem;
+}
+.toast-container {
+  --#{$prefix}toast-zindex: 9;
+}
+// RTL close btn style
+@include rtl-only {
+  .toast-header {
+    .btn-close {
+      margin-left: $toast-padding-x * -0.5;
+      margin-right: $toast-padding-x + 0.125;
+    }
+  }
+}
+// Bootstrap Toasts Example
+.toast-ex {
+  position: fixed;
+  top: 4.1rem;
+  right: 0.5rem;
+  @include rtl-style {
+    left: 0.5rem;
+    right: auto;
+  }
+}
+// Placement Toast example
+.toast-placement-ex {
+  position: fixed;
+}