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/modules/catalog/

Upload File : current_dir [ Writeable ] document_root [ Writeable ]

// ==============================================
// SIDEBAR - catalog category
// ==============================================

//
//  Configuration
//  _____________________________________________

$account-sidebar-delimiter:         1px solid lighten($c-black, 80%);

.sidebar {
    .filter {
        margin-bottom: 40px;

        @include breakpoint(only-md) {
            display: none;
            position: fixed;
            top: 60px;
            left: 20px;
            right: 20px;
            z-index: 2;
            padding: 20px;
            margin-bottom: 0;
            max-height: calc(100vh - 80px);
            overflow: auto;
            background: #FFF;
        }
    }

    .filter-content {
        display: flex;
        flex-direction: column;

        // Children order
        .filter-subtitle {
            order: 1;
        }
        .filter-current {
            order: 2;
        }
        .filter-actions {
            order: 3;
        }
        .filter-options {
            order: 4;
        }
    }

    .close-filter-btn {
        position: absolute;
        top: 5px;
        right: 5px;
        display: flex;
        justify-content: center;
        align-items: center;
        width: 30px;
        height: 30px;

        .icon-cross {
            pointer-events: none;
        }

        @include breakpoint(md) {
            display: none;
        }
    }

    .block-subtitle  {
        margin-bottom: 0;
        padding: 10px 0 20px;
        @extend .subtitle-2;

        @include breakpoint(only-md) {
            font-size: 1.6rem;
            font-weight: $fw-roboto-bold;
        }
    }

    .block {
        margin-bottom: 3rem;

        @include breakpoint(md) {
            margin-bottom: 4rem;
        }
    }

    .filter-bottom {
        border-top: 1px solid $c-grey;
        padding-top: 5px;

        .block-subtitle {
            line-height: 1.1;
        }

        a {
            text-decoration: none;

            &.phone-link {
                font-weight: $fw-roboto-bold;
            }
        }

        .btn {
            margin-bottom: 20px;
        }

        p {
            margin-bottom: 0;
            font-size: 1.3rem;
        }
    }

    .product-items-names .product-item {
        margin-bottom: 20px;
    }
}

.block-compare .block-title,
.block-reorder .block-title,
.block-wishlist .block-title,
.block-wishlist .block-content .subtitle {
    display: block;
    margin: 0 0 20px;

    strong {
        font-size: 18px;
        font-weight: 300;
    }
}

.reorder {
    .product-item {
        margin: 10px 0;
    }
}

.block-compare {
    .product-item {
        .action.delete {
            display: block;
            margin-top: 10px;
        }
    }

    .actions-toolbar {
        margin: 17px 0 0;
        display: flex;
        align-items: center;
        justify-content: space-between;
    }
}