@import '../../init';

$textType: (
  info-text: $ct-notification-info-text,
  message-text: $ct-notification-message-text,
  error-text: $ct-notification-error-text,
  popover-text: $ct-notification-popover-text,
  snackbar-text: $ct-notification-snackbar-text,
);

@each $type, $value in $textType {
  .ct-notification {
    &-#{$type} {
      color: $value;
    }
  }
}

$backgroundType: (
  info-background: $ct-notification-info-background,
  message-background: $ct-notification-message-background,
  error-background: $ct-notification-error-background,
  popover-background: $ct-notification-popover-background,
  snackbar-background: $ct-notification-snackbar-background,
);

@each $type, $value in $backgroundType {
  .ct-notification {
    &-#{$type} {
      background-color: $value;
    }
  }
}