now-playing/assets/scss/3-components/_notifications.scss

/**
 * Notification module
 * Namespace : .notif
 */

/* ----------------------------------------------------------- */
/* == configuration */
/* ----------------------------------------------------------- */

$notif-success: #00d1b2;
$notif-warning: #ffdd57;
$notif-error: #ff3860;
$notif-info: $color-info;

/* ----------------------------------------------------------- */
/* == module */
/* ----------------------------------------------------------- */

.notif {
  padding: 1em;
  border-radius: 4px;
}

.notif--success {
  background-color: $notif-success;
  color: #fff;
}

.notif--warning {
  background-color: $notif-warning;
  color: #000;
}

.notif--error {
  background-color: $notif-error;
  color: #fff;
}

.notif--info {
  background-color: $notif-info;
  color: #fff;
}