'How to undo grouping of selectors when building on prod?

I have code like this:

&__dropdown-box
        &:hover
            opacity 1
            visibility visible
        &:focus-within
            opacity 1
            visibility visible

When assembling on prod, it turns out like this:

.menu__dropdown-box:focus-within,.menu__dropdown-box:hover {
    opacity: 1;
    visibility: visible
}

Is it possible to do to prevent them from grouping? Because when they are grouped in IE the hover doesn't work.

cssstylus


Sources

This article follows the attribution requirements of Stack Overflow and is licensed under CC BY-SA 3.0.

Source: Stack Overflow

Solution Source

Related Questions