@import url('meta');
@import url('color');
@import url('glue');

@{NS}.pagination {
    margin: 0;
    padding: @padding 0 0;
    overflow: hidden;
    >._item {
        .primary_link;
        display: inline-block;
        margin: 3px;
        overflow: hidden;
        cursor: pointer;
        line-height: @line_height * 2.2;
        height: @line_height * 2.2;
        min-width: @line_height * 2.2;
        border-radius: 50%;
        border: 1px solid @primaryColor;
        font-size: @normal_font_size - 2px;
        text-align: center;
        &._active {
            cursor: default;
            background: @primaryColor;
            color: @white;
        }
    }
    ._range, ._nav {
        width: auto;
        padding: 0 @padding;
        border-color: transparent;
        border-radius: 0;
    }
    ._jump {
        color: initial;
        padding: 0 @padding / 2;
        cursor: default;
        border-radius: 0;
        border: 0;
        &:hover {
            color: initial;
        }
        >input {
            width: @padding * 5;
            overflow: hidden;
            height: @padding * 3;
            text-align: center;
        }
    }
    &.right {
        text-align: right;
    }
}