lightningcss
lightningcss copied to clipboard
Missing semicolon after variable defined between selectors
When --some-var is placed between selectors, then minifier omits the semicolon.
.Foo {
color: red;
.Bar {
color: blue;
}
--some-var: 100%; /* <- this semicolon is missing */
.Baz {
color: green;
}
}
This is still an issue
This problem also seems to be with nested statements omitting semi-colons, not specifically with variables
I just ran into the same issue. Playground
p {
& * {
margin: 0;
}
margin: 1em;
& :is(a) {
width: 2em;
}
}
Output:
p{& *{margin:0}margin:1em& :is(a){width:2em}}
The semicolon was missing before the second &.