@import "../../colours.less";

.dropdown-item-block() {
    display: block;
    margin: 0;
    padding: 3px 10px;
}

.dropdown-item-style(normal) {
    color: var(--aui-item-text, var(--ds-text, @jira-dropdown-menuitem-text-color));
    text-decoration: none;
}

.dropdown-item-style(focus) {
    background-color: var(--jira-color-menuBackgroundColour, @jira-dropdown-menuitem-background-focus-color);
    color: var(--jira-color-menuTxtColour, @jira-dropdown-menuitem-text-focus-color);
    text-decoration: none;
}

.dropdown-item-style(disabled) {
    background: @jira-dropdown-menuitem-background-disabled-color;
    color: @jira-dropdown-menuitem-text-disabled-color;
    cursor: default;

    &:hover,
    &:focus {
        background: @jira-dropdown-menuitem-background-disabled-color;
        color: @jira-dropdown-menuitem-text-disabled-color;
        cursor: default;
    }
}

.dropdown-list() {
    list-style: none;
    margin: 0; // We're using paddings, not margins as per dropdown2. paddings don't collapse.
    padding: 2px 0; // JIRA's dropdowns don't have the extra container to prevent margins collapsing.
}

.dropdown-heading() {
    .dropdown-item-block();
    color: var(--jira-color-textHeadingColour, @jira-dropdown-heading-color);
    font-size: 14px;
    font-weight: bold;
    line-height: 1.46;
    padding-top: 5px;
    padding-bottom: 5px;
    text-decoration: none;
    text-transform: none;
}