<commit_before>// Styles written by YOURNAME @ YOURCOMPANY

/* ------------------------------------------------------------------------ *\
 * Menu List
\* ------------------------------------------------------------------------ */

.menu-list {
    & {
        @extend %clearfix;

        list-style: none;
        margin: 0;
        padding: 0;
        white-space: nowrap;
    }
}

.menu-list_item {
    & {
        display: block;
        float: left;
        position: relative;
    }
}

.menu-list_link {
    & {
        color: $accent;
        display: block;
        text-decoration: none;
        transition: backgorund-color 0.15s, color 0.15s;
    }
}

// tier variant

.menu-list[class*="-tier"] {
    // accordion variant

    &.-accordion {
        max-height: 0;
        overflow: hidden;
        transition: max-height 0.5s;
    }

    &.-accordion.is-active {
        max-height: remify(500, 16);
    }

    // overlay variant

    &.-overlay {
        left: -999em;
        opacity: 0;
        position: absolute;
        transition: left 0s 0.15s, opacity 0.15s, top 0s 0.15s;
        top: -999em;
    }

    .menu-list_item.-parent:hover > &.-overlay,
    &.-overlay.is-active {
        opacity: 1;
        transition: opacity 0.15s;
    }

    // overlay, reverse variant

    &.-overlay.-reverse {
        transition: opacity 0.15s, right 0s 0.15s, top 0s 0.15s;
    }

    .menu-list_item.-parent:hover > &.-overlay.-reverse,
    &.-overlay.-reverse.is-active {
        left: auto;
        right: 0;
        transition: opacity 0.15s;
    }
}

// tier1 variant

.menu-list.-tier1 {
    // overlay variant

    .menu-list_item.-parent:hover > &,
    &.-overlay.is-active {
        left: 0;
        top: 100%;
    }

    // overlay, reverse variant

    &.-overlay.-reverse {
        left: auto;
        right: 999em;
    }

    .menu-list_item.-parent:hover > &.-overlay.-reverse,
    &.-overlay.-reverse.is-active {
        left: auto;
        right: 0;
    }
}

// tier2 variant

.menu-list.-tier2 {
    // overlay variant

    .menu-list_item.-parent:hover > &.-overlay,
    &.-overlay.is-active {
        left: 100%;
        top: 0;
    }

    // overlay, reverse variant

    &.-overlay.-reverse {
        left: auto;
        right: 999em;
    }

    .menu-list_item.-parent:hover > &.-overlay.-reverse,
    &.-overlay.-reverse.is-active {
        left: auto;
        right: 100%;
    }
}

// vertical variant<commit_msg>Improve default navigation styles a bit<commit_after>// Styles written by YOURNAME @ YOURCOMPANY

/* ------------------------------------------------------------------------ *\
 * Menu List
\* ------------------------------------------------------------------------ */

.menu-list {
    & {
        @extend %clearfix;

        font-family: $body-font;
        font-size: remify(16, 16);
        font-weight: 400;
        list-style: none;
        margin: 0;
        padding: 0;
        white-space: nowrap;
    }
}

.menu-list_item {
    & {
        display: block;
        float: left;
        position: relative;
    }
}

.menu-list_link {
    & {
        color: $accent;
        display: block;
        padding: remify(8 12, 16);
        text-decoration: none;
        transition: background-color 0.15s, color 0.15s;
    }

    .menu-list_item > &:focus,
    .menu-list_item:hover > & {
        background: $accent;
        color: $light;
    }
}

// tier variant

.menu-list[class*="-tier"] {
    & {
        min-width: 100%;
    }

    // accordion variant

    &.-accordion {
        max-height: 0;
        overflow: hidden;
        transition: max-height 0.5s;
    }

    &.-accordion.is-active {
        max-height: remify(500, 16);
    }

    // overlay variant

    &.-overlay {
        left: -999em;
        opacity: 0;
        position: absolute;
        transition: left 0s 0.15s, opacity 0.15s, top 0s 0.15s;
        top: -999em;
    }

    .menu-list_item.-parent:hover > &.-overlay,
    &.-overlay.is-active {
        opacity: 1;
        transition: opacity 0.15s;
    }

    // overlay, reverse variant

    &.-overlay.-reverse {
        transition: opacity 0.15s, right 0s 0.15s, top 0s 0.15s;
    }

    .menu-list_item.-parent:hover > &.-overlay.-reverse,
    &.-overlay.-reverse.is-active {
        left: auto;
        right: 0;
        transition: opacity 0.15s;
    }
}

// tier1 variant

.menu-list.-tier1 {
    & {
        background: $accent;
    }

    .menu-list_link {
        color: $light;
    }

    .menu-list_link:focus,
    .menu-list_item:hover > .menu-list_link {
        background: lighten($accent, 10);
    }

    // overlay variant

    .menu-list_item.-parent:hover > &,
    &.-overlay.is-active {
        left: 0;
        top: 100%;
    }

    // overlay, reverse variant

    &.-overlay.-reverse {
        left: auto;
        right: 999em;
    }

    .menu-list_item.-parent:hover > &.-overlay.-reverse,
    &.-overlay.-reverse.is-active {
        left: auto;
        right: 0;
    }
}

// tier2 variant

.menu-list.-tier2 {
    & {
        background: lighten($accent, 10);
    }

    .menu-list_link {
        color: $light;
    }

    .menu-list_link:focus,
    .menu-list_item:hover > .menu-list_link {
        background: lighten(lighten($accent, 10), 10);
    }

    // overlay variant

    .menu-list_item.-parent:hover > &.-overlay,
    &.-overlay.is-active {
        left: 100%;
        top: 0;
    }

    // overlay, reverse variant

    &.-overlay.-reverse {
        left: auto;
        right: 999em;
    }

    .menu-list_item.-parent:hover > &.-overlay.-reverse,
    &.-overlay.-reverse.is-active {
        left: auto;
        right: 100%;
    }
}

// vertical variant
{'fraction_non_alphanumeric': 0.19231447206063812, 'fraction_numerical': 0.030495328750220343, 'mean_word_length': 1.3910661609776653, 'pattern_counts': {'":': 0, '<': 3, '<?xml version=': 0, '>': 19, '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': '4247369', 'n_tokens_mistral': 2021, 'n_tokens_neox': 1818, 'n_words': 370}