@import './var';
.#{$prefix}inputnum {
    display: inline-block;
    vertical-align: middle;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    font-size: 0;
    color:$color-text;
}

.#{$prefix}inputnum__minus,
.#{$prefix}inputnum__plus {
    display: inline-block;
    vertical-align: middle;
    width: $form-height;
    height: $form-height;
    font-size: 0;
    border: 1px solid $inputnum-color-border;
    text-align: center;
    background: $inputnum-color-bg;
    position: relative;
    margin-left: 0px;
    cursor: pointer;
}

.#{$prefix}inputnum__minus {
    border-right: none;
    border-radius:$inputnum-border-radius 0 0 $inputnum-border-radius ;
}

.#{$prefix}inputnum__plus {
    border-left: none;
    border-radius:0 $inputnum-border-radius $inputnum-border-radius 0 ;
}

.#{$prefix}inputnum__plus:before,
.#{$prefix}inputnum__minus:before {
    content: '';
    width: 16px;
    height: 16px;
    display: inline-block;
    margin-top: ($form-height - 16 - 2)/2;
}

.#{$prefix}inputnum__plus:before {
    background-image: $inputnum-add-icon;
}

.#{$prefix}inputnum__minus:before {
    background-image: $inputnum-minus-icon;
}

.#{$prefix}inputnum__minus:hover,
.#{$prefix}inputnum__plus:hover {
    background-color: $inputnum-color-bg-hover;
}

.#{$prefix}inputnum__minus:focus,
.#{$prefix}inputnum__plus:focus {
    border-color: $inputnum-color-border;
    outline: none;
}


/* 禁用态 */

.#{$prefix}inputnum.is-disabled .#{$prefix}inputnum__minus,
.#{$prefix}inputnum__minus.is-disabled,
.#{$prefix}inputnum.is-disabled .#{$prefix}inputnum__plus,
.#{$prefix}inputnum__plus.is-disabled {
    cursor: not-allowed;
    color: $inputnum-color-text-disabled;
    background-color: $inputnum-color-bg-disabled;
}

.#{$prefix}inputnum.is-disabled .#{$prefix}inputnum__plus:before,
.#{$prefix}inputnum__plus.is-disabled:before {
    background-image: $inputnum-add-disabled-icon;
}

.#{$prefix}inputnum.is-disabled .#{$prefix}inputnum__minus:before,
.#{$prefix}inputnum__minus.is-disabled:before {
    background-image: $inputnum-minus-disabled-icon;
}

.#{$prefix}inputnum.is-disabled .#{$prefix}inputnum__minus:focus,
.#{$prefix}inputnum__minus.is-disabled:focus,
.#{$prefix}inputnum.is-disabled .#{$prefix}inputnum__plus:focus,
.#{$prefix}inputnum__plus.is-disabled:focus {
    border-color: $inputnum-color-border;
}

.#{$prefix}inputnum .#{$prefix}input {
    text-align: center;
    width: 60px;
    border-radius: 0;
}

// 
.#{$prefix}inputnum.size-l .#{$prefix}input {
    
    width: 90px;
}