@import "../../base/components/pagination.styl";

.pagination__page-size {
    &__label {
        margin-right: 0.5em;
    }
}

.pagination__page-selector {
    .button {
        margin: 0 5px;
    }

    word-spacing: 4px;
}

.pagination__page-location,
.pagination__page-selector,
.pagination__page-size {
    vertical-align: middle;
    input {
        text-align: center;
    }
}

.pagination--default-layout {
    height: 40px;

    .pagination__page-location,
    .pagination__page-selector,
    .pagination__page-size {
        font-weight: bold;
        select,
        input {
            font-weight: bold;
        }
        .pagination__page-size__label {
            font-weight: normal;
        }
    }
}