_search.scss 1 KB
/*
 * @description: header css
 * @author: chenglong.wang@yoho.cn
 * @date: 2015/4/20
 */

.search {
    margin: 15px 15px 0 15px;

    .search_input {
        display: block;
        width: 100%;
        height: 32px;
        line-height: 32px;
        @include border-radius(20px);
        position: relative;
        border: 1px solid #000;

        > input[type='text'] {
            width: 100%;
            height: 100%;
            font-size: 1.8rem;
            color: #000;
            @include box-sizing();
            padding: 0 15px;
            border: none;
            background: none;
            outline: none;
        }
    }

    .search_btn {
        display: block;
        width: 22px;
        height: 20px;
        background: inline_image('base64/search.png');
        position: absolute;
        top: 6px;
        right: 10px;
    }

    .result {
        color: #999;
        text-align: center;
        margin: 15px 0;
        font-size: 1.4rem;
    }
}