-
Notifications
You must be signed in to change notification settings - Fork 244
Description
Hi there! Really appreciate your work on Lightning CSS! It's been a joy to use in https://reflame.app, and every bit as fast as advertised! :)
Wanted to report what looks like a bug with the minifier. I've set up a minimal repro in this playground, also pasting the input/output below for convenience:
Input:
.container {
display: flex;
& > div {
display: flex;
}
}
Output:
.container{display:flex&>div{display:flex}}
Note the lack of a ; after display:flex. This gets interpreted like this in browsers:
Which is clearly not preserving the nesting functionality.
Note that if we turn off nesting, the ; after display:flex is preserved in the output, so I'm assuming this is a bug with the minifier.
I'm working around this at the moment by forcing lightningcss to transpile nesting syntax, which I was planning to do anyways until nesting is supported natively in firefox. So this is not super urgent as far as I'm concerned, but I wanted to put it on your radar anyways.
Cheers!