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 ]

// ==============================================
// PUSH CATEGORIES ITEM
// ==============================================

// Configuration
$comparison-table-thead-background-color:   darken($c-white, 2%);
$comparison-table-cell-max-width:           480px;
$comparison-table-cell-min-width:           280px;
$comparison-table-cell-padding:             15px;
$comparison-table-border:                   1px solid darken($c-white, 5%);

// Catalog Categories Grid
.categories-grid {
    margin-bottom: 20px;

    @include breakpoint(md) {
        display: flex;
        flex-wrap: wrap;
        margin: 0 -15px;
    }

    @include breakpoint(lg) {
        margin: 0 -30px;
    }

    .category-item {
        padding: 0;
        margin-bottom: 30px;

        @include breakpoint(only-md) {
            &.is-active {
                .category-item__header:after,
                .category-item__content {
                    animation-duration: 1s;
                    animation-name: hidetodisplay;
                }

                .category-item__header:after {
                    transform: translateY(-50%) scale(-1);
                }
                .category-item__content {
                    max-height: none;
                    overflow: visible;
                    padding: 15px 0 30px;
                }
            }

            .category-item__header {
                position: relative;
                padding-right: 40px;

                &:after {
                    content:"\e90c";
                    color: $c-blue;
                    @include icon-icomoon;
                    position: absolute;
                    top: 50%;
                    right: 10px;
                    transform: translateY(-50%);
                }
            }

            .category-item__content {
                max-height: 0;
                overflow: hidden;
                padding: 0;
            }
        }

        @include breakpoint(md) {
            padding: 0 15px;
            width: calc(100% / 3);
        }
        @include breakpoint(lg) {
            padding: 0 30px;
        }
    }

    .category-item__header {
        .icon {
            width: 61px;
            min-height: 58px;
        }
    }
}

// Catalog Category Item
.category-item__header {
    display: flex;
    border-bottom: 1px solid $c-blue;

    span {
        display: flex;
        align-items: center;
        justify-content: center;
    }

    .icon {
        width: 48px;
        min-height: 46px;
        font-size: 3rem;
        background-color: $c-blue;
        color: $c-white;

        @include breakpoint(md) {
            width: 61px;
            min-height: 58px;
        }
    }

    .label {
        display: flex;
        align-items: center;
        flex-grow: 1;
        flex-basis: 0;
        margin-bottom: 0;
        padding: 12px;
        color: $c-blue;

        a {
            color: $c-blue;
        }
    }
}

.category-item__content {
    padding: 15px 0 30px;
    color: $c-blue-dark;
    font-size: 1.4rem;

    @include breakpoint(md) {
        padding: 30px 0 35px;
    }

    ul {
        margin: 0;
        @extend .list-2;

        & > li {
            padding-bottom: 7px;
            padding-top: 7px;

            a {
                color: $c-blue-dark;
                transition: color .3s linear;

            }
        }
    }
}

.category-item__footer {
    margin-top: auto;

    a {
        color: $c-blue;
    }
}

//
//  Categories slide show
//  _____________________________________________

*[data-slideshow] {
    .category-item {
        display: flex !important; // Override Slick Css
        height: 100%;
        flex-direction: column;
    }
}