/* Alert messages
   ========================================================================== */

/**
 * Alert labels.
 */

.success,
.warning,
.error,
.information {
    @include border-radius($default-border-radius / 2);

    padding: 0 0.25em; // 4px / 16px
}

.success {
    color: $color-success-text;
    background: $color-success-background;
}

.warning {
    color: $color-warning-text;
    background: $color-warning-background;
}

.error {
    color: $color-error-text;
    background: $color-error-background;
}

.information {
    color: $color-info-text;
    background: $color-info-background;
}

.highlight {
    background: $color-highlight-box;
}

/**
 * Alert boxes.
 */

.alert-block {
    border: 1px solid;
    padding: 0.5em 1em;

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

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

    &.error {
        border-color: $color-error-border;
    }

    &.information {
        border-color: $color-info-border;
    }
}

/* Alert messages
   ========================================================================== */

/**
 * Alert labels.
 *
 * Example HTML:
 *
 * <span class="success">
 * <span class="error">
 * <strong class="success">
 * <strong class="error">
 */

.success,
.warning,
.error,
.information {
    @include border-radius($default-border-radius / 2);

    padding: 0 0.25em; // 4px / 16px
}

.success {
    color: $color-success-text;
    background: $color-success-background;
}

.warning {
    color: $color-warning-text;
    background: $color-warning-background;
}

.error {
    color: $color-error-text;
    background: $color-error-background;
}

.information {
    color: $color-info-text;
    background: $color-info-background;
}

.highlight {
    background: $color-highlight-box;
}

/**
 * Alert boxes.
 *
 * Example HTML:
 *
 * <p class="alert-block success">
 * <p class="alert-block error">
 */

.alert-block {
    border: 1px solid;
    padding: 0.5em 1em;

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

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

    &.error {
        border-color: $color-error-border;
    }

    &.information {
        border-color: $color-info-border;
    }
}

Add some examples to alert CSS
Add some examples to alert CSS
