open-consul/ui/packages/consul-ui/app/components/flash-message/index.scss

@import './skin';
@import './layout';
.flash-message {
  @extend %flash-message;
}
%flash-message.exiting {
  @extend %blink-in-fade-out;
}
/* This is for the flash message that appears */
/* when you save an intention that already exists */
/* once we have refactored app-view with data-source with nicer */
/* flash message usage we should be able to remove this */
%flash-message p.exists strong::before {
  @extend %with-cancel-square-fill-mask;
  color: rgb(var(--tone-red-500));
}
%flash-message p.exists {
  @extend %frame-red-500;
}