1
0
mirror of https://github.com/kremalicious/blog.git synced 2025-02-14 21:10:25 +01:00
blog/src/styles/_alerts.scss

38 lines
737 B
SCSS

@import 'variables';
.alert {
padding: $spacer;
margin-bottom: $spacer;
border-radius: $border-radius;
border: 1px solid transparent;
box-shadow: 0 1px 3px rgba($brand-grey, .1), inset 0 1px 0 #fff;
> p,
> ul {
margin-bottom: 0;
}
> p + p {
margin-top: $spacer;
}
}
.alert-success {
color: darken($alert-success, 60%);
background: $alert-success;
border-color: darken($alert-success, 10%);
}
.alert-danger,
.alert-error {
color: darken($alert-error, 60%);
background: $alert-error;
border-color: darken($alert-error, 10%);
}
.alert-info {
color: darken($alert-info, 60%);
background: $alert-info;
border-color: darken($alert-info, 10%);
}