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

20 lines
541 B
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;
}