// Dropdowns
// --------------------------------------------------
//

// variables


// Overrides
.dropdown-menu {
    /*.dropdown-header {
        display: block;
        padding: 3px 20px;
        font-size: @font-size-small;
        line-height: @line-height-base;
        color: @dropdown-header-color;
        white-space: nowrap; // as with > li > a
    }*/

}

// Dropdowns - may need new less file
// Copied from bootstrap for non-links
.dropdown-menu {
    // Menu positioning
    //
    // Add extra class to `.dropdown-menu` to flip the alignment of the dropdown
    // menu with the parent.
    &.dropdown-menu-right {
        left: auto; // Reset the default from `.dropdown-menu`
        right: 0;
    }
    // With v3, we enabled auto-flipping if you have a dropdown within a right
    // aligned nav component. To enable the undoing of that, we provide an override
    // to restore the default dropdown menu alignment.
    //
    // This is only for left-aligning a dropdown menu within a `.navbar-right` or
    // `.pull-right` nav component.
    &.dropdown-menu-left {
        left: 0;
        right: auto;
    }

    > li {
        > span,
        > a {
            text-transform: none;
            text-align: left;
        }
        > span {
            display: block;
            padding: 3px 20px;
            clear: both;
            font-weight: normal;
            line-height: @line-height-base;
            color: @dropdown-link-disabled-color;
            white-space: nowrap; // prevent links from randomly break;
            background-color: @dropdown-bg;
            border: none;
            cursor: default;
            touch-action: auto;
            &:hover,
            &:focus {
                color: @dropdown-link-disabled-color;
                background-color: @dropdown-bg;
                border: none;
            }
        }
        > a {
            background-color: @dropdown-bg;
            border: none;
            &:hover,
            &:focus {
                // Same as bootstrap default
                //color: @dropdown-link-hover-color;
                //background-color: @dropdown-link-hover-bg;
                outline: 0;
            }
        }
    }
}

// Dropdowns - may need new less file
// Copied from bootstrap for non-links
.btn-group {
    .dropdown-menu {
        > li {
            > .dropdown-item {
                display: flex;
                flex-wrap: nowrap;
                padding: 3px 20px;
                clear: both;
                font-weight: normal;
                line-height: @line-height-base;
                color: @dropdown-link-disabled-color;
                white-space: nowrap; // prevent links from randomly break;

                .dropdown-label {
                    margin-right: auto;
                }
                .dropdown-value {
                    margin-left: @base-margin;
                }
            }

            > .dropdown-item {
                text-transform: none;
                text-align: left;
            }

            > .dropdown-item {
                background-color: @dropdown-bg;
                border: none;
                cursor: default;
                touch-action: auto;

                &:hover,
                &:focus {
                    //color: @dropdown-link-hover-color;
                    //background-color: @dropdown-link-hover-bg;
                    background-color: @dropdown-bg;
                    border: none;
                }
            }
        }
    }
}