@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%);
}