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/layout/header/

Upload File : current_dir [ Writeable ] document_root [ Writeable ]

/* ----------------------------------------------------------
  Jade burger menu
---------------------------------------------------------- */

// Configuration
$burger-size:              50px;
$burger-border-weight:     2px;
$burger-border-color:      $c-base;
$burger-line-distance:     8px;
$burger-line-width:        26px;
$burger-close-rotation:    135deg;

.jd-burger {
    @include breakpoint(xl){ display: none; }

    position: relative;
    display: block;
    height: $burger-size;
    width: $burger-size;
    margin-right: 20px;
    overflow: hidden;
    margin-left: -10px;

    &:hover { cursor: pointer; }

    .line {
        top: 50%;
        width: 20px;
        left: 50%;
        transform: translateX(-50%);

        &,
        &::before,
        &::after {
            position: absolute;
            height: $burger-border-weight;
            background-color: $burger-border-color;
            transition: all 0.2s;
        }

        &::before,
        &::after {
            content: "";
            display: block;
            left: 0;
        }

        &::before {
            top: (-$burger-line-distance);
            width: 26px;
        }
        &::after {
            top: $burger-line-distance;
            width: 10px;
        }
    }

    // Active status
    &.is-active {
        .line {
            background-color: transparent;

            &,
            &::before,
            &::after {
                transition: all 0.2s;
            }

            &::before,
            &::after {
                top: 0;
                left: 0;
                width: calc(#{$burger-line-width});
            }

            &::before { transform: rotate((-$burger-close-rotation)); }
            &::after { transform: rotate($burger-close-rotation); }
        }
    }
}