SCSS Twitter Bootstrap 3 Gradient Buttons Mixin

onv-button

@mixin onv-button($color, $background, $text-shadow: none) {

    color: $color;
    @include gradient-vertical(lighten($background, 5%), darken($background, 5%), 0%, 100%);
    border-color: darken($background, 10%);
    border-bottom-color: darken($background, 20%);
    text-shadow: $text-shadow;
    @include box-shadow(inset 0 1px 0 rgba(255, 255, 255, .1));

    &:hover,
    &:focus,
    &:active,
    &.active {
        @include gradient-vertical(darken($background, 0), darken($background, 10%), 0%, 100%);
        border-color: darken($background, 20%);
        color: $color;
    }

    &.disabled,
    &[disabled],
    fieldset[disabled] & {
        &,
        &:hover,
        &:focus,
        &:active,
        &.active {
            background-color: $background;
            border-color: darken($background, 5%);
        }
    }
}