<commit_before>////
/// Menus
///
/// @since 0.1.0
///
/// @author [GrottoPress](https://www.grottopress.com)
/// @author [<NAME>](https://twitter.com/akadusei)
////

/**
 * Menus
 */

.menu,
.sub-menu {
    list-style-type: none;
    list-style-image: none;
}

.menu {
    margin-left: 0;
    font-size: 0;

    ul {
        margin-left: 15px;
    }

    a {
        display: block;
    }

    li {
        font-size: $font-size-small;
        @include position(relative);
    }
}

.sub-menu {
    li {
        font-size: $font-size-tiny;
    }
}

#header {
    .menu-toggle {
        text-align: center;
        @include paragraph;
        margin-top: 0;

        a {
            display: block;
        }
    }

    .site-navigation {
        .search-wrap {
            display: block;
            @include paragraph;
        }

        &.horizontal {
            display: none;
        }
    }
}

.sub-menu-toggle {
    background-color: transparent;
    font-size: inherit;
    width: auto;
    padding: 4px 7px;
    margin: 0;
    @include position(absolute, 0 0 null null);
    z-index: 1;
}

/** Header Menu */

@media (min-width: map-get($breakpoints, 'wide')) {
    #header {
        // .site-navigation,
        // .menu-toggle {
        //     clear: both;
        // }

        .site-navigation {
            @include paragraph;

            &.horizontal {
                display: block;
                margin-bottom: 0;
            }

            // Override style[display=block] set by jquery
            // on clicking menu button
            &.vertical {
                display: none !important;
            }
        }

        .menu-toggle {
            display: none;
        }

        .menu {
            li {
                margin: 0;
            }

            > li {
                margin-left: 2%;
                @include inline-block;

                &:first-child {
                    margin-left: 0;
                }
            }

            ul,
            li:hover ul ul,
            li li:hover ul ul,
            li li li:hover ul ul ,
            li li li li:hover ul ul,
            li li li li li:hover ul ul {
                display: none; /* Required to hide menu when inactive */
            }

            li:hover ul,
            li li:hover ul,
            li li li:hover ul ,
            li li li li:hover ul,
            li li li li li:hover ul {
                display: block;
            }

            ul {
                width: 200px;
                @include position(absolute, 22 null null 0);
                margin: 0;
                padding: 0;
                list-style-type: none;
                z-index: 99;

                ul {
                    top: 0;
                    left: 200px;
                }
            }
        }
    }

    .has-js {
        #header {
            .menu {
                .menu-item-has-children {
                    > a {
                        padding-right: 22px;
                    }
                }

                ul,
                li:hover ul ul,
                li li:hover ul ul,
                li li li:hover ul ul ,
                li li li li:hover ul ul,
                li li li li li:hover ul ul {
                    display: block;
                }
            }
        }
    }
}
<commit_msg>ensure vertical menu is always vertical, whether displayed or hidden<commit_after>////
/// Menus
///
/// @since 0.1.0
///
/// @author [GrottoPress](https://www.grottopress.com)
/// @author [<NAME>](https://twitter.com/akadusei)
////

/**
 * Menus
 */

.menu,
.sub-menu {
    list-style-type: none;
    list-style-image: none;
}

.menu {
    margin-left: 0;
    font-size: 0;

    ul {
        margin-left: 15px;
    }

    a {
        display: block;
    }

    li {
        font-size: $font-size-small;
        @include position(relative);
    }
}

.sub-menu {
    li {
        font-size: $font-size-tiny;
    }
}

#header {
    .menu-toggle.vertical {
        text-align: center;
        @include paragraph;
        margin-top: 0;

        a {
            display: block;
        }
    }

    .site-navigation {
        @include paragraph;
        
        &.vertical .search-wrap {
            display: block;
            max-width: none;
            @include paragraph;
        }

        &.horizontal {
            display: none;
        }
    }
}

.sub-menu-toggle {
    background-color: transparent;
    font-size: inherit;
    width: auto;
    padding: 4px 7px;
    margin: 0;
    @include position(absolute, 0 0 null null);
    z-index: 1;
}

/** Header Menu */

@media (min-width: map-get($breakpoints, 'wide')) {
    #header {
        .site-navigation {
            &.horizontal {
                display: block;
                margin-bottom: 0;
            }

            // Override style[display=block] set by jquery
            // on clicking menu button
            &.vertical {
                display: none !important;
            }
        }

        .menu-toggle.vertical {
            display: none;
        }

        .site-navigation.horizontal {
            .menu {
                li {
                    margin: 0;
                }

                > li {
                    margin-left: 2%;
                    @include inline-block;

                    &:first-child {
                        margin-left: 0;
                    }
                }

                ul,
                li:hover ul ul,
                li li:hover ul ul,
                li li li:hover ul ul ,
                li li li li:hover ul ul,
                li li li li li:hover ul ul {
                    display: none; /* Required to hide menu when inactive */
                }

                li:hover ul,
                li li:hover ul,
                li li li:hover ul ,
                li li li li:hover ul,
                li li li li li:hover ul {
                    display: block;
                }

                ul {
                    width: 200px;
                    @include position(absolute, 22 null null 0);
                    margin: 0;
                    padding: 0;
                    list-style-type: none;
                    z-index: 99;

                    ul {
                        top: 0;
                        left: 200px;
                    }
                }
            }
        }
    }

    .has-js {
        #header .site-navigation.horizontal {
            .menu {
                .menu-item-has-children {
                    > a {
                        padding-right: 22px;
                    }
                }

                ul,
                li:hover ul ul,
                li li:hover ul ul,
                li li li:hover ul ul ,
                li li li li:hover ul ul,
                li li li li li:hover ul ul {
                    display: block;
                }
            }
        }
    }
}

{'fraction_non_alphanumeric': 0.1069464544138929, 'fraction_numerical': 0.009840810419681621, 'mean_word_length': 0.8718851570964247, 'pattern_counts': {'":': 0, '<': 5, '<?xml version=': 0, '>': 9, 'https://': 4, 'lorem ipsum': 0, 'www.': 2, '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': '6578167', 'n_tokens_mistral': 2073, 'n_tokens_neox': 1879, 'n_words': 480}