.alert {
    padding: $base-spacing-unit;
    margin-bottom: $base-spacing-unit;
    border: 1px solid transparent;

    > p,
    > ul {
        margin-bottom: 0;
    }

    > p + p {
        margin-top: $base-spacing-unit;
    }

    &.alert--success {
        color: $success-colour;
        border-color: $success-colour;
    }

    &.alert--info {
        color: $info-colour;
        border-color: $info-colour;
    }

    &.alert--warning {
        color: $warning-colour;
        border-color: $warning-colour;
    }

    &.alert--danger {
        color: $danger-colour;
        border-color: $danger-colour;
    }
}