@import "mixin.less";

@ui-prefix-input: yyui-input;

.@{ui-prefix-input}{
    position: relative;
    .ant-input {
        .input();
    }
    .ant-input-group {
        .input-group(~"ant-input");
    }
    input[readonly] {
        background-color: #f7f7f7;
    }
    .ant-input-wrapper {
        textarea {
            text-overflow: initial;
            overflow: auto;
            white-space: pre-line;
            height: auto;
        }
    }
    .yyui-input-clear{
        display: none;
    }
    &:hover{
        .yyui-input-clear{
            display: inline-block;
            position: absolute;
            right: 7px;
            visibility: visible;
            background:transparent;
            top: 50%;
            font-size: 14px;
            color: #ccc;
            width: 14px;
            height: 14px;
            margin-top: -7px;
            line-height: 14px;
            cursor: pointer;
            z-index: 999;
        }
    }
}
.yyui-inputgroup{
    .yyui-input{
        &:hover{
            .yyui-input-clear{
                margin-top: 7px;
            }
        }
    }
}