

$defaultColor:#333333;
$selectedColor:#ff3333;
$weakColor:#696b6e;
@import "../../scss/theme/config";
.cd-short-pagination {
    height: 25px;
    user-select: none;
    >* {
        display: inline-block;
        font-size: 14px;
        vertical-align: middle;
    }
    .cd-total-page {
        color: $defaultColor;
        margin-right: 5px;
    }
    .cd-current-page {
        color: $selectedColor;
        border: 0;
        text-align: right;
        max-width: 32px;
        height: 100%;
        box-sizing: border-box;
        border-radius: 2px;
        text-indent: 5px;
        &:hover {
            text-align: left;
            border: 1px solid $defaultColor;
            cursor: pointer;
        }
        &:focus {
            border: 1px solid $defaultColor;
            text-align: left;
            color: $weakColor;
        }
    }
    .cd-btn {
        display: inline-block;
        margin-right: 5px;
        box-sizing: border-box;
        width: 40px;
        height: 100%;
        border: 1px solid rgb(153, 153, 153);
        border-radius: 2px;
        cursor: pointer;
        text-align: center;
    }
    .cd-arrow-left,
    .cd-arrow-right {
        @extend .cd-component;
        vertical-align: middle;
    }
    .cd-pre {
        .cd-arrow-left {
            @extend .cd-component-arrow_left_normal;
        }
        &.cd-disabled {
            cursor: no-drop;
            border: 1px solid #e1e1e1;
            pointer-events: none;
            .cd-arrow-left {
                @extend .cd-component-arrow_left;
            }
        }
    }
    .cd-next {
        .cd-arrow-right {
            @extend .cd-component-arrow_right_normal;
            
        }
        &.cd-disabled {
            cursor: no-drop;
            border: 1px solid #e1e1e1;
            pointer-events: none;
            .cd-arrow-left {
                @extend .cd-component-arrow_right;
            }
        }
    }
}
