@import '~css/public.scss';

.UnitInput{
    width: 100%;
    padding: .1rem .2rem;
    height: .5rem;
    line-height: .3rem;
    border: .01rem solid $minor;
    position: relative;
    &.name{
        padding-left: 1rem;
    }
    &.unit{
        padding-right: 1rem;
    }
    &.errorHint{
        border-color: #ff0000;
    }
    input{
        float: left;
        width: 100%;
        height: 100%;
        border: none!important;
        font-size: .14rem;
    }
    em{
        width: 1rem;
        height: 100%;
        padding: .1rem .2rem;
        position: absolute;
        left: 0;
        top: 0;
    }
    i{
        padding: 0 .02rem;
        height: 100%;
        line-height: .5rem;
        color: $minor;
        font-size: .16rem;
        position: absolute;
        right: .8rem;
        top: 0;
        z-index: 10;
    }
    span{
        height: 100%;
        padding: .1rem .2rem;
        position: absolute;
        right: 0;
        top: 0;
    }
}