app/assets/stylesheets/bitters/_flashes.scss
/* Success, error & notice boxes for messages and errors. */
%flash {
margin-bottom: $base-line-height / 2;
padding: $base-line-height / 2;
font-weight: bold;
}
.error, #flash_failure {
@extend %flash;
background: $error-color;
color: darken($error-color, 60);
a {
color: darken($error-color, 70);
&:hover {
color: darken($error-color, 90);
}
}
}
.notice, #flash_notice {
@extend %flash;
background: $notice-color;
color: darken($notice-color, 60);
a {
color: darken($notice-color, 70);
&:hover {
color: darken($notice-color, 90);
}
}
}
.success, #flash_success {
@extend %flash;
background: $success-color;
color: darken($success-color, 60);
a {
color: darken($success-color, 70);
&:hover {
color: darken($success-color, 90);
}
}
}