Automattic
Cannot use nested rules
Hi, I want to ask about nested rules in CSS. I found the error like this [vite] Internal server error: Cannot read properties of undefined (reading 'match'). Maybe someone here has found this problem or maybe it has been solved? Please tell me, thank you!
*the following code is an example
This is not supported by juice (I think) Juice relies on a library called mensch, and uses the method parse to handle the CSS string. And this has no support in it.
Maybe we can catch the CSS string with & references before mensch.parse and format it correctly. What do you think @jrit ?
I open a PR for this "bug". Please check it out @jrit
https://github.com/Automattic/juice/pull/442
Juice only handles CSS syntax, anything else like SASS should be first compiled to CSS.
Nesting is supported in plain CSS, it's not exclusive to preprocessors anymore. This issue should not be closed on the grounds that this is not CSS syntax. It has been supported by all major browsers since late 2023.
Fair enough, I've reopened the issue. Feel free to work on a PR (with tests and documentation) that implements support for this in Juice, I will be happy to review 👍