bugcomplexity:moderatehelp wanted
Description
Take the following style as an input:
const style = {
root: {
"&:hover": {
"& .icon": {
color: "red"
}
},
"&.active": {
"& .icon": {
color: "blue"
}
}
},
};
Expected behavior: I would expect the following CSS injected into the page:
.root-0-0-1:hover .icon {
color: red;
}
.root-0-0-1.active .icon {
color: blue;
}
Describe the bug: The following CSS is injected in the page:
.root-0-0-1.active .icon {
color: blue;
}
.root-0-0-1:hover .icon {
color: red;
}
Codesandbox link:
https://codesandbox.io/s/yjyqmo4vqv
Versions (please complete the following information):
- jss: 10.0.0-alpha.11