@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; }