Server : Apache System : Linux server2.corals.io 4.18.0-348.2.1.el8_5.x86_64 #1 SMP Mon Nov 15 09:17:08 EST 2021 x86_64 User : corals ( 1002) PHP Version : 7.4.33 Disable Function : exec,passthru,shell_exec,system Directory :  /home/corals/old/app/design/frontend/Cnc/default/web/scss/common/

Upload File : current_dir [ Writeable ] document_root [ Writeable ]

// ==============================================
// PAGER
// ==============================================

// Configuration
$pager-item-padding:            10px;
$pager-items-space:             10px;
$pager-current-bg-color:        $c-blue;
$pager-items-bg-color:          transparent;
$pager-actions-bg-color:        transparent;

.pages {

    .label {
        // Hide labels
        @extend .visually-hidden;
    }

    ul.items {
        display: flex;
        align-items: center;

        li.item {

            & + li {
                margin-left: $pager-items-space;
            }

            &.current,
            a.next,
            a.previous,
            a.page {
                display: block;
                padding: $pager-item-padding;
                color: $c-blue-dark;
            }

            a.next,
            a.previous,
            a.page {
                border-bottom: 3px solid transparent;
                transition: color .3s linear, border-bottom-color .3s linear;

                &:hover {
                    color: $c-blue;
                    font-weight: bold;
                    border-bottom-color: $c-blue;
                }
            }

            a.page {
                background-color: $pager-items-bg-color;
            }

            &.current {
                font-weight: bold;
                background-color: $pager-current-bg-color;
                color: $c-white;
            }

            a.next,
            a.previous {
                background-color: $pager-actions-bg-color;

                // Arrow
                &::before {
                    font-size: 16px;
                }
            }
        }
    }
}