@prefixDropdownCls: ~"@{yy-css-prefix}dropdown";
@prefixDropdownItemCls: ~"@{prefixDropdownCls}-item";

.@{prefixDropdownCls} {
    display: inline-block;

    .@{prefixSelectCls}-dropdown {
        overflow: visible;
        max-height: none;
    }

    .@{prefixDropdownCls} {
        width: 100%;
    }

    &-rel {
        position: relative;

        &-user-select-none {
            -webkit-user-select: none;
            -moz-user-select: none;
            user-select: none;
        }
    }

    &-menu {
        min-width: 100px;
    }

    &-transfer {
        width: auto;
    }

    &-item-selected,
    &-item&-item-selected:hover {
        background: @yy-select-hover-bg;
    }
}

.select-item(@prefixDropdownCls, @prefixDropdownItemCls);