select-item($size-class, $item-class)
    {$item-class}
        margin: 0
        line-height: normal
        padding: 7px 16px
        clear: both
        color: $text-color
        font-size: $font-size-small !important
        white-space: nowrap
        list-style: none
        cursor: pointer
        transition: background $transition-time $ease-in-out

        &:hover
            background: $background-color-select-hover

        &-focus
            background: $background-color-select-hover

        &-disabled
            color: $btn-disable-color
            cursor: $cursor-disabled

            &:hover
                color: $btn-disable-color
                background-color: #fff
                cursor: $cursor-disabled

        &-selected ,&-selected:hover
            color: #fff
            background: $selected-color

        &-selected&-focus
            background: shade($selected-color, 10%)

        &-divided
            margin-top: 5px
            border-top: 1px solid $border-color-split
            &:before
                content: ''
                height: 5px
                display: block
                margin: 0 -16px
                background-color: #fff
                position: relative
                top: -7px