1
0
mirror of https://github.com/bigchaindb/site.git synced 2024-12-24 02:16:10 +01:00
site/_src/_assets/styles/bigchain/_alerts.scss

51 lines
900 B
SCSS

//
// Alerts
// ---
// bigchaindb.com
//
// Base
.alert {
@extend .small;
padding: $alert-padding;
margin-bottom: $spacer;
border-radius: $border-radius;
text-align: left;
// Improve alignment and spacing of inner content
> p + p {
margin-top: 5px;
}
> p:last-child { margin-bottom: 0; }
}
.alert__icon {
display: block;
width: 100%;
height: 2rem;
stroke-width: 3;
margin: 0 auto $spacer;
border-bottom: 1px solid transparent;
padding-bottom: $spacer;
}
//
// Alternate styles
//
.alert--success {
@include alert-variant($alert-success-bg, $alert-success-text);
}
.alert--info {
@include alert-variant($alert-info-bg, $alert-info-text);
}
.alert--warning {
@include alert-variant($alert-warning-bg, $alert-warning-text);
}
.alert--danger {
@include alert-variant($alert-danger-bg, $alert-danger-text);
}