@scrumble-nl/react-quick-toaster/lib/scss/toaster.css

A quick and easy wrapper around react-bootstrap toasters, you can toast from anywhere in your application with a few simple steps.

body {
  z-index: 0;
}

.toaster {
  position: absolute;
  width: 400px;
  z-index: 999;
  padding: 0.3rem;
}
.toaster .alert {
  margin-bottom: 0.3rem !important;
}

@media screen and (max-width: 768px) {
  .toaster {
    width: 100%;
    padding: 0;
  }
}
.toaster-top-right {
  top: 0;
  right: 0;
}

.toaster-top-left {
  top: 0;
  left: 0;
}

.toaster-bottom-right {
  bottom: 0;
  right: 0;
}

.toaster-bottom-left {
  bottom: 0;
  left: 0;
}

/*# sourceMappingURL=toaster.css.map */