<commit_before>@import 'account-menu';
@import 'navigation-dropdown';


@mixin main-navigation($selector) {
    $top-z-index: 99999;

    $options: ('top-z-index': $top-z-index);
    @include navigation-dropdown(#{$selector + " nav .menu"}, $options);
    @include account-menu(#{$selector + " nav.right-nav .account-menu"}, $options);

    #{$selector} {
        width: 100%;
        background: $colour-white;
        height: $menu-palm-height+5px;
        border-bottom: solid 1px $colour-greyscale-88;
        border-top: solid 4px $colour-brand-primary;
        position: relative;
        z-index: $top-z-index;
        @include respond-to($lap-and-desk){
            height: $menu-lap-height+5px;
        }
        @include respond-to($desk-only){
            height: $menu-desk-height+5px;
        }
        a, button{
            display: block;
            padding: $grid-unit;
            color: $colour-greyscale-39;
            text-decoration: none;
            &:hover, &.hover, &:focus, &.focus{
                @include transition($standard-transition-animation);
                background-color: $colour-greyscale-96;
                color: $colour-greyscale-39;
                span, i{
                    opacity: 1;
                }
            }
        }
        button{
            background: transparent;
            width: 100%;
            text-align: left;
            padding-left: $grid-unit*1.5;
        }

        li{
            margin: 0;
        }
        i{
            color: $colour-greyscale-63;
        }

        @include logo("a.logo");

        .top-header nav {
            display: none;
            @include respond-to($lap-and-desk){
                display: block;
            }
        }

        nav {
            > ul > li {
                float: left;
                margin: 0;
                border-left: solid 1px $colour-greyscale-88;
                >a {
                    height: $menu-palm-height;
                    padding: $grid-unit;
                    @include respond-to($lap-and-desk){
                        height: $menu-lap-height;
                        padding: 1.5*$grid-unit;
                    }
                    @include respond-to($desk-only){
                        height: $menu-desk-height;
                        padding: 2*$grid-unit;
                    }
                    span{
                        line-height: $grid-unit*2;
                    }
                    i {
                        width: $grid-unit;
                        @include respond-to($lap-and-desk){
                            width: $grid-unit*1.5;
                        }
                        opacity: 0.7;
                        @include transform(rotate(0deg));
                        @include transition($standard-transition-animation);
                    }
                }
            }
            &.main-nav{
                float: left;
            }
            &.right-nav{
                float: right;
                ul li a {
                    span, i {
                        opacity: 0.7;
                    }
                    i{
                        @include visually-shown();
                    }
                }
            }
            &.left-nav{
                display: none;
                @include respond-to($lap-and-desk){
                    display:block;
                    opacity:1;
                    ul{
                        padding-left: $logo-desk-clearance + $logo-desk-width + $grid-unit*4;
                        li:first-child {
                            border: none;
                        }
                        li {
                            
                        }
                    }
                }
            }


            .language-menu{
                >a, li.selected{
                    display: none;
                }
                >a.selected{
                    display: block;
                }
            }


            @include respond-to-print(){
                display: none;
            }
        }
        @include respond-to-print(){
            border: none;
            height: auto;
            position: static;<commit_msg>C0: Getting rid of the hovering over the left nav<commit_after>@import 'account-menu';
@import 'navigation-dropdown';


@mixin main-navigation($selector) {
    $top-z-index: 99999;

    $options: ('top-z-index': $top-z-index);
    @include navigation-dropdown(#{$selector + " nav .menu"}, $options);
    @include account-menu(#{$selector + " nav.right-nav .account-menu"}, $options);

    #{$selector} {
        width: 100%;
        background: $colour-white;
        height: $menu-palm-height+5px;
        border-bottom: solid 1px $colour-greyscale-88;
        border-top: solid 4px $colour-brand-primary;
        position: relative;
        z-index: $top-z-index;
        @include respond-to($lap-and-desk){
            height: $menu-lap-height+5px;
        }
        @include respond-to($desk-only){
            height: $menu-desk-height+5px;
        }
        a, button{
            display: block;
            padding: $grid-unit;
            color: $colour-greyscale-39;
            text-decoration: none;
            &:hover, &.hover, &:focus, &.focus{
                @include transition($standard-transition-animation);
                background-color: $colour-greyscale-96;
                color: $colour-greyscale-39;
                span, i{
                    opacity: 1;
                }
            }
        }
        button{
            background: transparent;
            width: 100%;
            text-align: left;
            padding-left: $grid-unit*1.5;
        }

        li{
            margin: 0;
        }
        i{
            color: $colour-greyscale-63;
        }

        @include logo("a.logo");

        .top-header nav {
            display: none;
            @include respond-to($lap-and-desk){
                display: block;
            }
        }

        nav {
            > ul > li {
                float: left;
                margin: 0;
                border-left: solid 1px $colour-greyscale-88;
                >a {
                    height: $menu-palm-height;
                    padding: $grid-unit;
                    @include respond-to($lap-and-desk){
                        height: $menu-lap-height;
                        padding: 1.5*$grid-unit;
                    }
                    @include respond-to($desk-only){
                        height: $menu-desk-height;
                        padding: 2*$grid-unit;
                    }
                    span{
                        line-height: $grid-unit*2;
                    }
                    i {
                        width: $grid-unit;
                        @include respond-to($lap-and-desk){
                            width: $grid-unit*1.5;
                        }
                        opacity: 0.7;
                        @include transform(rotate(0deg));
                        @include transition($standard-transition-animation);
                    }
                }
            }
            &.main-nav{
                float: left;
            }
            &.right-nav{
                float: right;
                ul li a {
                    span, i {
                        opacity: 0.7;
                    }

                    i{
                        @include visually-shown();
                    }
                }
            }
            &.left-nav{
                display: none;
                @include respond-to($lap-and-desk){
                    display:block;
                    opacity:1;
                    ul{
                        padding-left: $logo-desk-clearance + $logo-desk-width + $grid-unit*4;
                        li:first-child {
                            border: none;
                        }
                        li {
                            a {
                                &:hover, &.hover, &:focus, &.focus{
                                    background-color: $colour-white;
                                }
                            }   
                        }
                    }
                }
            }


            .language-menu{
                >a, li.selected{
                    display: none;
                }
                >a.selected{
                    display: block;
                }
            }


            @include respond-to-print(){
                display: none;
            }
        }
        @include respond-to-print(){
            border: none;
            height: auto;
            position: static;
{'fraction_non_alphanumeric': 0.10900528371238226, 'fraction_numerical': 0.01091201470250402, 'mean_word_length': 0.8458766164935341, 'pattern_counts': {'":': 0, '<': 3, '<?xml version=': 0, '>': 13, 'https://': 0, 'lorem ipsum': 0, 'www.': 0, 'xml': 0}, 'pii_count': 0, 'substrings_counts': 0, 'word_list_counts': {'cursed_substrings.json': 1, 'profanity_word_list.json': 0, 'sexual_word_list.json': 0, 'zh_pornsignals.json': 0}}
{'dir': 'git-commits-cleaned', 'id': '4631402', 'n_tokens_mistral': 2370, 'n_tokens_neox': 2138, 'n_words': 401}