react-ui-component/css/pagination.less

some component build with ReactJs

@import url('meta.less');

.pagination {
    margin: 0;
    padding: 10px 0 0;
    >._item {
        display: inline-block;
        color: @blue;
        margin: 2px;
        overflow: hidden;
        cursor: pointer;
        line-height: 28px;
        height: 28px;
        min-width: 28px;
        font-size: 14px;
        text-align: center;
        &._active {
            cursor: default;
            background: @gray_c;
            color: @gray_a;
            border-radius: 15px;
        }
    }
    ._range, ._nav {
        width: auto;
    }
    ._jump {
        color: initial;
        padding: 0 5px;
        cursor: default;
        >input {
            width: 45px;
            padding: 4px;
            overflow: hidden;
            text-align: center;
        }
    }
}