# tableberg/1.1.5/src/components/PaginationNavigation/style.scss

Tableberg – Simple Gutenberg Table Block, version 1.1.5. 55 lines.

- Page: https://pluginprobe.com/plugins/tableberg/1.1.5/code/src/components/PaginationNavigation/style.scss
- Raw: https://pluginprobe.com/plugins/tableberg/1.1.5/raw/src/components/PaginationNavigation/style.scss
- Modified: 2026-09-16T03:30:32+00:00

Line numbers below start at 1. Link to a line or a range by appending a fragment to the
page URL, for example `https://pluginprobe.com/plugins/tableberg/1.1.5/code/src/components/PaginationNavigation/style.scss#L10-L20`.

```scss
.tableberg-pagination {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 4px;
    padding: 12px 0;

    &__button {
        background-color: transparent;
        color: var(--wp--preset--color--contrast);
        border: 1px solid var(--wp--preset--color--contrast);
        padding: 0.4em 0.8em;
        border-radius: 4px;
        cursor: pointer;
        font-size: 0.875em;
        font-family: inherit;
        line-height: 1.4;
        display: inline-flex;
        align-items: center;
        justify-content: center;
        min-width: 2em;

        &:hover {
            background-color: var(--wp--preset--color--contrast);
            color: var(--wp--preset--color--base);
        }

        &--active {
            background-color: var(--wp--preset--color--contrast);
            color: var(--wp--preset--color--base);
            border-color: var(--wp--preset--color--contrast);
        }

        &--arrow {
            padding: 0.4em;
            min-width: auto;
        }

        &:disabled {
            opacity: 0.5;
            cursor: not-allowed;

            &:hover {
                background-color: transparent;
                color: var(--wp--preset--color--contrast);
            }
        }
    }

    &__ellipsis {
        padding: 0 4px;
        color: var(--wp--preset--color--contrast);
    }
}

```