@brightleaf/elements/lib/notification/notification.css

React UI elements styled with Bulma CSS

.notification-enter {
  top: 0;
  opacity: 0;
  transform: scale(0.25);
  display: block;
}
.notification-enter-active {
  display: block;
  top: 0;
  opacity: 1;
  transform: translateX(0);
  transition: opacity 400ms, transform 400ms;
}

.notification-exit {
  top: 0;
  opacity: 1;
}
.notification-exit-active {
  top: 0;
  opacity: 0;
  transform: scale(0.25);
  transition: opacity 400ms, transform 400ms;
}
.animated {
  animation-duration: 0.25s;
  animation-fill-mode: both;
}

/*
.notification-exit-done {
  opacity: 0;
  scale: 0.25;
  display: none;
}
*/