app/assets/stylesheets/alchemy/flash.scss
div#flash_notices {
position: fixed;
right: 0;
z-index: 400000;
width: 400px;
top: 0;
alchemy-message {
font-weight: bold;
margin: $default-margin $default-margin 2 * $default-margin;
opacity: 0.95;
transition-property: opacity, transform;
transition-duration: 0.4s;
&.dismissed {
display: block;
opacity: 0;
transform: translate3d(0, -100%, 0);
}
&[type="error"] {
cursor: pointer;
padding-right: 32px;
alchemy-icon[name="close"] {
position: absolute;
left: initial;
right: 2 * $default-padding;
}
}
}
}