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 ]

// ==============================================
// SWITCHER LANGUAGE
// ==============================================

// Switch Language
.switcher {
    @include breakpoint(md) {
        background-color: $c-base;
    }
}

.switcher-label {
    @extend .visually-hidden;
}

.switcher-options {
    position: relative;

    &.active .switcher-dropdown {
        visibility: visible;
        opacity: 1;
        transform: translateY(0);
    }
}

.switcher-trigger {
    display: flex;
    align-items: center;
    cursor: pointer;
    padding: 12px 20px;
    position: relative;
    z-index: 1;

    @include breakpoint(md) {
        padding: 9px 15px;
    }

    &::before,
    &::after {
        display: inline-block;
        @extend %icon-icomoon;
    }

    &::before {
        font-size: 1.7rem;
        content: "\e91d";
        margin-right: 10px;

        @include breakpoint(md) {
            font-size: 2.2rem;
            margin-right: 5px;
        }
    }

    &::after {
        content: "\e90c";
        margin-left: 8px;
    }
}

.switcher-dropdown {
    visibility: hidden;
    opacity: 0;
    background-color: $c-white;
    transform: translateY(-20px);
    transition: opacity .3s linear, transform .3s linear;

    @include breakpoint(md) {
        border: 1px solid $c-base;
        margin-top: -1px;
        position: absolute;
        top: 100%;
        right: 0;
        left: 0;
        z-index: -1;

    }

    & > li {
        padding: 10px 50px;

        @include breakpoint(md) {
            padding: 10px;
        }
    }
}