<commit_before>//
// Dropdown
// --------------------------------------------------


.dropdown {
    position: relative;
    display: inline-block;
    height: 2rem;
    margin: 0;
    background-color: $gray-light;
    color: $brand-accent;
    border-radius: $border-radius-base;
    font-size: $font-size-smaller;
    line-height: 1.875rem;
    .placeholder {
        padding: 0 $padding-large 0 $padding-small;
        cursor: pointer;
        &:after {
            content: '\33';
            position: absolute;
            right: 0;
            width: $padding-large;
            text-align: center;
            font-family: 'ElegantIcons';
            speak: none;
            font-size: $font-size-base;
            font-weight: normal;
            font-variant: normal;
            text-transform: none;
            line-height: 1.875rem;
            -webkit-font-smoothing: antialiased;
            -moz-osx-font-smoothing: grayscale;
            vertical-align: middle;
            cursor: pointer;
        }
    }
    .submenu-dropdown {
        z-index: $z-index-11;
        position: absolute;
        top: 100%;
        right: 0;
        min-width: 100%;
             box-sizing: border-box;
        -moz-box-sizing: border-box;
        display: none;
        margin: 8px 0 0;
        padding: $padding-small 0;
        background: $gray-light;
        border-radius: $border-radius-base;
                box-shadow: rgba(0,0,0, .35) 0 1px 2px 0;
        -webkit-box-shadow: rgba(0,0,0, .35) 0 1px 2px 0;
        -webkit-transition: opacity .5s;
                transition: opacity .5s;
        opacity: 0;
        &:before {
            content: '\42';
            position: absolute;
            top: -13px;
            right: 0;
            left: 0;
            padding-right: .25rem;
            color: $gray-light;
            font-family: 'ElegantIcons';
            speak: none;
            font-weight: normal;
            font-variant: normal;
            font-size: 24px;
            text-align: right;
            text-transform: none;
            line-height: 1;
            -webkit-font-smoothing: antialiased;
            -moz-osx-font-smoothing: grayscale;
        }
        ul {
            list-style: none;
            margin: 0;
        }
        li {
            padding: 0 $padding-small;
            margin-bottom: .5rem;
            cursor: pointer;
            -webkit-transition: all .2s;
                    transition: all .2s;
            &:focus, &:hover {
                background: $gray;
                color: #fff;
            }
        }
    }
    &:hover .submenu-dropdown {
        display: block;
        opacity: 1;
    }
}
.dropdown-select {
    box-sizing: border-box;
    border: 1px solid $gray;
    font-weight: bold;
    color: $gray-dark;
    .placeholder {
        white-space: nowrap;
        overflow: hidden;
        &:after {
           background-color: $gray-light;
        }
    }
    .submenu-dropdown {
        border: 1px solid $gray;<commit_msg>change dropdown submenu hover color<commit_after>//
// Dropdown
// --------------------------------------------------


.dropdown {
    position: relative;
    display: inline-block;
    height: 2rem;
    margin: 0;
    background-color: $gray-light;
    color: $brand-accent;
    border-radius: $border-radius-base;
    font-size: $font-size-smaller;
    line-height: 1.875rem;
    .placeholder {
        padding: 0 $padding-large 0 $padding-small;
        cursor: pointer;
        &:after {
            content: '\33';
            position: absolute;
            right: 0;
            width: $padding-large;
            text-align: center;
            font-family: 'ElegantIcons';
            speak: none;
            font-size: $font-size-base;
            font-weight: normal;
            font-variant: normal;
            text-transform: none;
            line-height: 1.875rem;
            -webkit-font-smoothing: antialiased;
            -moz-osx-font-smoothing: grayscale;
            vertical-align: middle;
            cursor: pointer;
        }
    }
    .submenu-dropdown {
        z-index: $z-index-11;
        position: absolute;
        top: 100%;
        right: 0;
        min-width: 100%;
             box-sizing: border-box;
        -moz-box-sizing: border-box;
        display: none;
        margin: 8px 0 0;
        padding: $padding-small 0;
        background: $gray-light;
        border-radius: $border-radius-base;
                box-shadow: rgba(0,0,0, .35) 0 1px 2px 0;
        -webkit-box-shadow: rgba(0,0,0, .35) 0 1px 2px 0;
        -webkit-transition: opacity .5s;
                transition: opacity .5s;
        opacity: 0;
        &:before {
            content: '\42';
            position: absolute;
            top: -13px;
            right: 0;
            left: 0;
            padding-right: .25rem;
            color: $gray-light;
            font-family: 'ElegantIcons';
            speak: none;
            font-weight: normal;
            font-variant: normal;
            font-size: 24px;
            text-align: right;
            text-transform: none;
            line-height: 1;
            -webkit-font-smoothing: antialiased;
            -moz-osx-font-smoothing: grayscale;
        }
        ul {
            list-style: none;
            margin: 0;
        }
        li {
            padding: 0 $padding-small;
            margin-bottom: .5rem;
            cursor: pointer;
            -webkit-transition: all .2s;
                    transition: all .2s;
            &:focus, &:hover {
                background: $gray;
            }
        }
    }
    &:hover .submenu-dropdown {
        display: block;
        opacity: 1;
    }
}
.dropdown-select {
    box-sizing: border-box;
    border: 1px solid $gray;
    font-weight: bold;
    color: $gray-dark;
    .placeholder {
        white-space: nowrap;
        overflow: hidden;
        &:after {
           background-color: $gray-light;
        }
    }
    .submenu-dropdown {
        border: 1px solid $gray;
{'fraction_non_alphanumeric': 0.13206296603148301, 'fraction_numerical': 0.022535211267605635, 'mean_word_length': 1.2872300113679425, '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': '537253', 'n_tokens_mistral': 1917, 'n_tokens_neox': 1781, 'n_words': 405}