//
// 输入框
// ============================================================

.input-wrapper
    &[data-input-border]
        .input-group
            @extend .border
            @extend .margin-bottom-lg
            &:last-of-type
                @extend .margin-bottom

    .input-group
        @extend .display-flex
        @extend .overflow-hidden
        @extend .border-bottom
        @extend .transition-1s

        &.active
            @extend .border-color

        &[data-input-icons]
            .iconfont
                &:nth-last-child(2)
                    @extend .padding-right-sm
                &:last-of-type
                    @extend .padding-left-sm

                &:nth-last-child(2), &:last-of-type
                    &:hover
                        @extend .cursor-pointer
                        @extend .color

        .iconfont
            @extend .font-size-md
            @extend .padding-right-md
            @extend .padding-left-md
            @extend .input-height
            @extend .color-gray-light
            @extend .transition-1s

        .input
            @extend .line-height-1
            @extend .border-none
            @extend .padding

.input
    @extend .input-height
    +input-textarea(input)
    +button-input-size(input)
    // 按钮尺寸
    //&.input-sm, &.input-xs
    //    @extend .line-height-1
    //    height: auto
    //
    //&.input-sm
    //    +px(padding, 4px, 5px)
    //
    //&.input-xs
    //    +px(padding, 1px, 5px)