.btn{
    @include button-size($btn-padding-x,$btn-padding-y,$btn-font-size,$border-radius);

    background-image: none;
    border:$btn-border-width solid transparent;
    color:$body-color;
    cursor: pointer;
    display: inline-block;
    font-weight: $btn-font-weight;
    line-height:$btn-line-height;
    position: relative;
    text-align: center;
    transition: $btn-transition;
    vertical-align: middle;
    white-space: nowrap;
    &[disabled]{
        cursor:not-allowed;
        opacity: $btn-disabled-opacity;
        > *{
            pointer-events: none;
        }
    }
}
//size

.btn-size-lg{
    @include button-size($btn-padding-x-lg,$btn-padding-y-lg,$btn-font-size-lg,$border-radius-lg);
}
.btn-size-sm{
    @include button-size($btn-padding-x-sm,$btn-padding-y-sm,$btn-font-size-sm,$border-radius-sm);
}
.btn-size-default{
    @include button-size($btn-padding-x,$btn-padding-y,$btn-font-size,$border-radius);
}
//type
@each $key,$val in $theme-colors{
    .btn-type-#{$key}{
        @include button-style(nth($val, 1),nth($val,2));
        @include neufactory(nth($val, 1),nth($val,3),nth($val,4));
    }
}

.btn-type-link{
    @include neufactory($white, $neu-whiteshadow1,$neu-whiteshadow2);

    border:1px dashed lighten($btn-link-color,10%);
    color: $btn-link-color;
    font-weight: $font-weight-base;
    text-decoration: $link-decoration;
    &:hover{
        color: $btn-link-hover-color;
        text-decoration: $link-hover-decoration;
    }
    &:focus{
        text-decoration: $link-hover-decoration;
    }
    &.disabled{
        color:$btn-link-disabled-color;
        pointer-events: none;
        border:1px dashed $btn-link-disabled-color;
    }
}

.btn-type-neu-w-up{
    @include neu-white($btn-neu-normal);

    color: $gray-9;
    font-weight: $font-weight-bold;
    &:hover{
        outline: none;
    }
    &:focus{
        outline: none;
    }
    &.disabled{
        pointer-events: none;
    }
}
.btn-type-neu-w-down{
    @include neu-white-down($btn-neu-normal);

    color: $gray-9;
    font-weight: $font-weight-bold;
    &:hover{
        outline: none;
    }
    &:focus{
        outline: none;
    }
    &.disabled{
        pointer-events: none;
    }
}
.btn-type-neu-w-co{
    @include neu-white-co($btn-neu-normal);

    color: $gray-9;
    font-weight: $font-weight-bold;
    &:hover{
        outline: none;
    }
    &:focus{
        outline: none;
    }
    &.disabled{
        pointer-events: none;
    }
}
.btn-type-neu-w-fl{
    @include neu-white-fl($btn-neu-normal);

    color: $gray-9;
    font-weight: $font-weight-bold;
    &:hover{
        outline: none;
    }
    &:focus{
        outline: none;
    }
    &.disabled{
        pointer-events: none;
    }
}