sass.n2o.components.PaginationButton.scss Maven / Gradle / Ivy

Go to download

Show more of this group Show more artifacts with this name
Show all versions of n2o-react

The newest version!

.page-item {
    > .page-link {
        &.no-border {
            border-color: transparent !important;
            background-color: transparent !important;
            color: $primary;
        }
    }
}

@mixin switchButtonWithTitle {
    width: auto;
    max-width: max-content;
    display: flex;
}

.page-item.page-link.prev.with-title {
    @include switchButtonWithTitle;
}

.page-item.page-link.prev.with-title.with-icon {
    .title {
        margin-left: 5px;
    }
}

.page-item.page-link.next.with-title {
    flex-flow: row-reverse;

    @include switchButtonWithTitle;
}

.page-item.page-link.next.with-title.with-icon {
    .title {
        margin-right: 5px;
    }
}