<commit_before>.navbar {
    padding-left: ($spacer-x * 3);
    padding-right: ($spacer-x * 3);
    
    .hamburger {
        display: none;
        padding: 0;
    }
    
    &.navbar-inverse {
        .hamburger-inner, 
        .hamburger-inner:before, 
        .hamburger-inner:after {
            background-color: $white;
        }
    
        .dropdown-menu {
            background-color: rgba($black, 0.5);
        
            .dropdown-item {
                color: $white;
            
                @include hover-focus {
                    color: $link-hover-color;
                }
            }
        }
    }
    
    &.navbar-light {
        background: $white;
        border-bottom: 1px solid $gray-lighter;
    }
    
    &.navbar-dashboard .navbar-brand {
        @include media-breakpoint-up(lg) {
            visibility: hidden;
        }
    }
    
    .navbar-nav {
    
        &:first-child {
            margin-right: auto;
        }
    
        .nav-item {
            margin-left: $nav-item-inline-spacer;
            margin-right: $nav-item-inline-spacer;
            position: relative;
        
            &:not(.dropdown) .nav-link:after {
                position: absolute;
                left: 0;
                bottom: 0;
                width: 100%;
                height: 2px;
                content: '';
                background-color: $brand-primary;
                opacity: 0;
            }
        
            &.active .nav-link:after,
            .nav-link:hover:after,
            .nav-link:focus:after {
                opacity: 1;
            }
            
            &.active .nav-link:after {
                transform: none;
            }
            
            .nav-link {
                padding: .25rem 0;
                
                &:not(.dropdown-toggle) {
                    &:after {
                        transform: translateY(10px);
                    }

                    @include hover-focus {
                        &:after {
                            transform: none;
                        }
                    }
                }
            }
            
            .dropdown-menu {
                left: -25%;
                right: 0;
            }
        }
    }
    
    .dropdown-menu {
        width: 100%;
    }
    
    .dropdown-item:focus,
    .dropdown-item:hover,
    .nav-item .nav-link:focus,
    .nav-item .nav-link:hover,
    .nav-item.active .nav-link {
        color: $brand-primary;
        background-color: transparent;
    }
    
    .hamburger {
        z-index: 20;
    }
    
    .fa {
        display: none;
    }
}

.navbar-toggleable {
    @each $breakpoint in map-keys($grid-breakpoints) {
        $next: breakpoint-next($breakpoint, $grid-breakpoints);
        $infix: breakpoint-infix($breakpoint, $grid-breakpoints);
    
        &#{$infix} {
            @include media-breakpoint-down($breakpoint) {
                display: flex;
                flex-direction: row;
                align-items: center;
                padding-left: $spacer-x;
                padding-right: $spacer-x;

                .hamburger {
                    display: flex;
                }

                .navbar-collapse {
                    display: flex;
                    flex-direction: column;
                    justify-content: center;
                    height: 100%;
                    width: 260px;
                    position: fixed;
                    z-index: 10;
                    top: 0;
                    left: 0;
                    background-color: $brand-inverse;
                    overflow-x: hidden;
                    overflow-y: scroll;
                    text-align: center;
                    
                    &:not(.show) {
                        transform: translateX(-100%);
                    }
                    
                    .navbar-nav {
                        margin-right: 0;
                        display: block;
                    
                    
                        .nav-item {
                            margin-left: 0;
                            
                            &.active .nav-link:after,
                            .nav-link:hover:after,
                            .nav-link:focus:after {
                                opacity: 0;
                            }
                        }

                        .nav-link,
                        .dropdown-item {<commit_msg>Change overflow-y to auto<commit_after>.navbar {
    padding-left: ($spacer-x * 3);
    padding-right: ($spacer-x * 3);
    
    .hamburger {
        display: none;
        padding: 0;
    }
    
    &.navbar-inverse {
        .hamburger-inner, 
        .hamburger-inner:before, 
        .hamburger-inner:after {
            background-color: $white;
        }
    
        .dropdown-menu {
            background-color: rgba($black, 0.5);
        
            .dropdown-item {
                color: $white;
            
                @include hover-focus {
                    color: $link-hover-color;
                }
            }
        }
    }
    
    &.navbar-light {
        background: $white;
        border-bottom: 1px solid $gray-lighter;
    }
    
    &.navbar-dashboard .navbar-brand {
        @include media-breakpoint-up(lg) {
            visibility: hidden;
        }
    }
    
    .navbar-nav {
    
        &:first-child {
            margin-right: auto;
        }
    
        .nav-item {
            margin-left: $nav-item-inline-spacer;
            margin-right: $nav-item-inline-spacer;
            position: relative;
        
            &:not(.dropdown) .nav-link:after {
                position: absolute;
                left: 0;
                bottom: 0;
                width: 100%;
                height: 2px;
                content: '';
                background-color: $brand-primary;
                opacity: 0;
            }
        
            &.active .nav-link:after,
            .nav-link:hover:after,
            .nav-link:focus:after {
                opacity: 1;
            }
            
            &.active .nav-link:after {
                transform: none;
            }
            
            .nav-link {
                padding: .25rem 0;
                
                &:not(.dropdown-toggle) {
                    &:after {
                        transform: translateY(10px);
                    }

                    @include hover-focus {
                        &:after {
                            transform: none;
                        }
                    }
                }
            }
            
            .dropdown-menu {
                left: -25%;
                right: 0;
            }
        }
    }
    
    .dropdown-menu {
        width: 100%;
    }
    
    .dropdown-item:focus,
    .dropdown-item:hover,
    .nav-item .nav-link:focus,
    .nav-item .nav-link:hover,
    .nav-item.active .nav-link {
        color: $brand-primary;
        background-color: transparent;
    }
    
    .hamburger {
        z-index: 20;
    }
    
    .fa {
        display: none;
    }
}

.navbar-toggleable {
    @each $breakpoint in map-keys($grid-breakpoints) {
        $next: breakpoint-next($breakpoint, $grid-breakpoints);
        $infix: breakpoint-infix($breakpoint, $grid-breakpoints);
    
        &#{$infix} {
            @include media-breakpoint-down($breakpoint) {
                display: flex;
                flex-direction: row;
                align-items: center;
                padding-left: $spacer-x;
                padding-right: $spacer-x;

                .hamburger {
                    display: flex;
                }

                .navbar-collapse {
                    display: flex;
                    flex-direction: column;
                    justify-content: center;
                    height: 100%;
                    width: 260px;
                    position: fixed;
                    z-index: 10;
                    top: 0;
                    left: 0;
                    background-color: $brand-inverse;
                    overflow-x: hidden;
                    overflow-y: auto;
                    text-align: center;
                    
                    &:not(.show) {
                        transform: translateX(-100%);
                    }
                    
                    .navbar-nav {
                        margin-right: 0;
                        display: block;
                    
                    
                        .nav-item {
                            margin-left: 0;
                            
                            &.active .nav-link:after,
                            .nav-link:hover:after,
                            .nav-link:focus:after {
                                opacity: 0;
                            }
                        }

                        .nav-link,
                        .dropdown-item {
{'fraction_non_alphanumeric': 0.10057662452872033, 'fraction_numerical': 0.009536482590374805, 'mean_word_length': 0.7764427811699822, 'pattern_counts': {'":': 0, '<': 3, '<?xml version=': 0, '>': 3, 'https://': 0, 'lorem ipsum': 0, 'www.': 0, 'xml': 0}, 'pii_count': 0, 'substrings_counts': 0, 'word_list_counts': {'cursed_substrings.json': 0, 'profanity_word_list.json': 0, 'sexual_word_list.json': 0, 'zh_pornsignals.json': 0}}
{'dir': 'git-commits-cleaned', 'id': '6181266', 'n_tokens_mistral': 2504, 'n_tokens_neox': 2247, 'n_words': 387}