@use "../colors";

/* Top / Bottom */
.ui.attached-top.dropdown {
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
}

.ui.attached-bottom.dropdown {
    border-top-left-radius: 0;
    border-top-right-radius: 0;
}

/* Left / Right */
.ui.attached-left.dropdown {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
}

.ui.attached-right.dropdown {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
}

m-dropdown.ui.dropdown > .dropdown.icon:before {
    content: unset;
}

/*--------------------
        Inverted
---------------------*/
.ui.inverted.selection.dropdown {
    color: white;
    background-color: colors.$tenthLighter;
}

.ui.inverted.dropdown .menu {
    //color: white;
    //background-color: $tenthLighter;
}