<commit_before>/*
  MENU

  -- Menu internal layout and styles
*/

// Helpers mixins
subaction()
    order      1
    opacity    0
    margin     auto .5em auto 0
    background transparent
    border     none
    transition opacity 150ms


// App rules
.app [role=menubar]
    padding        .5em 0
    display        flex
    flex-direction column

    a
        text-decoration none

    .fa
        vertical-align middle


    .compose-action
        margin      0 .5em 1.5em
        line-height 2em

        i
            vertical-align baseline

        .item-label
            padding-left .5em


    .mainmenu
        flex           1
        display        flex
        flex-direction column

        .active
            flex       1
            overflow-y auto

        .fa
            font-size 1.5em


    .submenu
        display         flex
        justify-content space-around
        border-top      1px solid #fff
        box-shadow      0 -1px 0 #ccc

        & > :first-child
            flex 1


    .account
        font-weight bold


    .account-title
    .mailbox-list li
        position    relative
        align-items center

    .badge
            order       2
            margin-left auto
            border      2px solid #f5f5f5


    [role=group]
        margin-bottom 2em


    [role=menuitem]
        align-items center

        &:not(.drawer-toggle)
            display flex
            padding .5em

            .item-label
                margin 0 1em


    for level in (1..10)
        .lv-{level}:not(.special)
            padding-left level * 2em


    .drawer-toggle
        background transparent


    .avatar
        width          2.25em
        height         2.25em
        display        inline-block
        border-radius  50%
        line-height    2.25em
        text-align     center
        font-size      1.25em
        font-style     normal
        text-transform uppercase
        color          white
        vertical-align middle

    .account .avatar
        border-radius .375rem


    .account-title
        display flex

        .account
            flex 1

        .mailbox-config
            subaction()

        &:hover
            .mailbox-config
                opacity 1


    .mailbox-list
        padding-left .75em

        li
            display flex

            a
                flex 1

            button
                subaction()
                color      basecolor

                &:hover
                    color actioncolor

            &:hover
                button
                    opacity 1


    /*
    Styles for Menu drawer in compact mode

    */
    @media(min-width: 20.0625em)
        &[aria-expanded=false]
            .item-label
            .toggle-favorites
            .new-account-action
            // badge associated to a masked mailbox
            // TODO: Improve markup or please kill me :)
            [role=menuitem]:not(.account):not(.inboxMailbox):not(.sentMailbox) ~ .badge
                display none

            .mainmenu
                [role=menuitem]
                    display none

                    padding-left .5

                    &.account
                    &.inboxMailbox
                    &.sentMailbox
                        display flex

            .mailbox-config
                display none !important


            .badge
                position absolute
                top      -.15em
                right    0
<commit_msg>Improve menu highlights<commit_after>/*
  MENU

  -- Menu internal layout and styles
*/

// Helpers mixins
subaction()
    order      1
    opacity    0
    margin     auto .5em auto 0
    background transparent
    border     none
    transition opacity 150ms


// App rules
.app [role=menubar]
    padding        .5em 0
    display        flex
    flex-direction column

    a
        text-decoration none

    .fa
        vertical-align middle


    .compose-action
        margin      0 .5em 1.5em
        line-height 2em

        i
            vertical-align baseline

        .item-label
            padding-left .5em


    .mainmenu
        flex           1
        display        flex
        flex-direction column

        .active
            flex       1
            overflow-y auto

        .fa
            font-size 1.5em


    .submenu
        display         flex
        justify-content space-around
        border-top      1px solid #fff
        box-shadow      0 -1px 0 #ccc

        & > :first-child
            flex 1


    .account
        font-weight bold


    .account-title
    .mailbox-list li
        position    relative
        align-items center

    .badge
            order       2
            margin-left auto
            border      2px solid #f5f5f5


    [role=group]
        margin-bottom 2em


    [role=menuitem]
        align-items center

        &:not(.drawer-toggle)
            display flex
            padding .5em

            .item-label
                margin 0 1em


    for level in (1..10)
        .lv-{level}:not(.special)
            padding-left level * 2em


    .drawer-toggle
        background transparent


    .avatar
        width          2.25em
        height         2.25em
        display        inline-block
        border-radius  50%
        line-height    2.25em
        text-align     center
        font-size      1.25em
        font-style     normal
        text-transform uppercase
        color          white
        vertical-align middle

    .account .avatar
        border-radius .25rem


    .account-title
        display flex

        .account
            flex 1

        .mailbox-config
            subaction()

        .badge
            margin-right 1em

        &:hover
            .mailbox-config
                opacity 1


    .mailbox-list
        padding 0 .5em

        li
            display       flex
            padding-left  .2em
            border-radius .25rem

            &.active
                background-color lightblue

            a
                flex 1

            .badge
                margin-right .5em

            button
                subaction()
                color      basecolor

            &:hover
                background-color lightorange

                a
                    color basecolor

                button
                    opacity 1

        .toggle-favorites
            background-color transparent !important
            cursor           pointer


    /*
    Styles for Menu drawer in compact mode

    */
    @media(min-width: 20.0625em)
        &[aria-expanded=false]
            .item-label
            .toggle-favorites
            .new-account-action
            // badge associated to a masked mailbox
            // TODO: Improve markup or please kill me :)
            [role=menuitem]:not(.account):not(.inboxMailbox):not(.sentMailbox) ~ .badge
                display none

            .mainmenu
                [role=menuitem]
                    display none

                    padding-left .5

                    &.account
                    &.inboxMailbox
                    &.sentMailbox
                        display flex

            .mailbox-config
                display none !important


            .badge
                position     absolute
                top          -.15em
                right        0
                margin-right 0 !important

{'fraction_non_alphanumeric': 0.05619343509388086, 'fraction_numerical': 0.019586654059165202, 'mean_word_length': 0.9520168731874505, 'pattern_counts': {'":': 0, '<': 3, '<?xml version=': 0, '>': 5, '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': '6410176', 'n_tokens_mistral': 2062, 'n_tokens_neox': 1814, 'n_words': 515}