css syntax coloring doesn't work properly with css custom media

CSS files using custom media queries (e.g. @media (--desktop-down) {..}) have incorrect syntax highlighting (see attached image)

Does this issue occur when all extensions are disabled?: Yes

It occurs in vscode insiders too

Steps to Reproduce:

dup:

Massimo Cassandro (@massimo-cassandro)

This is because of the nested CSS and is unrelated to the custom media.
This can be closed in favor of: #9

Massimo Cassandro (@massimo-cassandro) Can you also provide code and not only a screenshot in the future?
A screenshot can't be copy/pasted.

@media (color) {
	body {
		color: red;
	}
}

body {
	@media (color) {
		color: red;
	}
}

Installing the extension suggested in #9 seems to solve the problem

Navigation Menu