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 ]

// ==============================================
// SIDEBAR MENU
// ==============================================

//
//  Desktop
//  _____________________________________________

//  Configuration

$collapsible-nav-desktop-bg-color:          $c-white;
$collapsible-nav-content-padding:           20px 0;

$collapsible-nav-item-color:                $c-blue-dark;
$collapsible-nav-item-padding:              20px 0;
$collapsible-nav-item-current-color:        $c-blue;
$collapsible-nav-item-hover-bg-color:       lighten($c-black, 85%);

$collapsible-nav-delimiter:                 1px solid $c-black;

.block-collapsible-nav {


    // Title
    .title {
        @extend .visually-hidden;
    }

    // Content
    .content {
        padding-bottom: 20px;
        background-color: $collapsible-nav-desktop-bg-color;

        @include breakpoint(md) {
            padding: $collapsible-nav-content-padding;
        }

    }

    // Item
    li.item {

        &:not(:last-child) {
            line-height: 1;
            margin: 0;
            font-size: 1.4rem;
            border-bottom: 1px solid $c-grey;

            @include breakpoint(md) {
                font-size: 1.8rem;

                &:first-child {
                    border-top: 1px solid $c-grey;
                }
            }

            &::before {
                @extend .visually-hidden;
            }

            a,
            &.current > strong {
                display: block;
                padding: $collapsible-nav-item-padding;
                color: $collapsible-nav-item-color;
                line-height: 1.5;
            }

            &.current {
                > strong,
                a {
                    color: $collapsible-nav-item-current-color;
                    font-weight: bold;
                }
            }

            a {
                text-decoration: none;
                transition: color .3s linear;
            }

            a:hover {
                color: $collapsible-nav-item-current-color;
            }

        }

        &:last-child {
            margin-top: 20px;

            @include breakpoint(md) {
                margin-top: 40px;
            }

            a.disconnect {
                @extend .btn--border;
            }
        }
    }
}

//
//  Tablets & Mobiles
//  _____________________________________________

// Configuration

$collapsible-nav-mobile-bg-color:       $c-white;
$collapsible-nav-mobile-title-color:    $c-white;
$collapsible-nav-mobile-title-bg-color: $c-blue;
$collapsible-nav-mobile-title-padding:  15px 50px 15px 20px;
$collapsible-nav-mobile-border-color:   $c-grey;

@include breakpoint(only-md) {

    .block-collapsible-nav {
        width: 100%;
        z-index: 5;
        background-color: $collapsible-nav-mobile-bg-color;
        margin: 0;

        // Title
        .title {
            position: relative;
            width: auto;
            height: auto;
            padding: $collapsible-nav-mobile-title-padding;
            background-color: $collapsible-nav-mobile-title-bg-color;
            color: $collapsible-nav-mobile-title-color;
            text-decoration: none;
            font-weight: bold;
            cursor: pointer;
            font-size: 1.4rem;
            border-radius: 6px;

            // Arrow
            &::after {
                position: absolute;
                display: inline-block;
                right: 15px;
                @include icon-icomoon;
                content: "\e90c";
                transition: all .1s linear;
            }

            &.active::after {
                transform: scaleY(-1);
            }
        }

        // Content
        .content {
            display: none;
            border-bottom: 1px solid $collapsible-nav-mobile-border-color;
            box-shadow: 0 3px 5px 0 rgba(111,111,111,0.2);
            padding: 0 20px 20px;

            &.active {
                display: block;
            }
        }
    }
}