site/_src/_assets/styles/bigchain/_alerts.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);
}