griffel
griffel copied to clipboard
core: & with some selectors produces an invalid result
Comes from #178.
Griffel handles classes & pseudo classes selectors properly, for example:
makeStyles({
root: {
'&.foo': { color: 'red' }
},
});
Produces correct result ✅
.f1lw17ff.foo {
color: red;
}
While &body:
makeStyles({
root: {
'&body': { color: 'red' }
},
})
Produces a wrong result 🚨
.f115m9dlbody { /* 🤯 oops */
color: red;
}
- [ ] check also
[data]selectors