kityminder/ui/theme/default/css/_search.less

Kity Minder

#search {
    float: right;
    position: relative;
   -webkit-app-region: no-drag ;

    &:after {
        content: ' ';
        display: block;
        position: absolute;
        width: 24px;
        height: 24px;
        left: 5px;
        top: 7px;
        background: url(../images/icons.png) no-repeat 0 -345px;
    }
    
    input[type=search] {
        background: @tab-hover;
        border: none;
        height: 20px;
        line-height: 1em;
        border-radius: 15px;
        outline: none;
        color: @ui-fore;
        padding: 5px 10px 5px 30px;
        box-sizing: content-box;
        margin-top: 5px;
        margin-right: 3px;
        width: 30px;
        -webkit-appearance: none;
        transition: width .5s ease;
        transform: translateZ(0);
        
        &:focus {
            width: 150px;
        }
    }
}