Notifications styles

notifications.css

:global .notification-enter {
  opacity: 0.01;
}

:global .notification-enter.notification-enter-active {
  opacity: 1;
  transition: opacity 500ms ease-in;
}

:global .notification-leave {
  opacity: 1;
}

:global .notification-leave.notification-leave-active {
  opacity: 0.01;
  transition: opacity 300ms ease-in;
}

:global .success {
	background-color: rgb(240, 245, 234);
	border-top: 2px solid rgb(94, 164, 0);
}

:global .warning {
	background-color: rgb(249, 246, 240);
	border-top: 2px solid rgb(235, 173, 26);
}

:global .alert {
	background-color: rgb(244, 233, 233);
	border-top: 2px solid rgb(236, 61, 61);
}