Useful or not, from you.
vscode css-lcurlyexpected error with nested media querie, supports
  • VSCode Version: 1.41.0
  • OS Version: Windows_NT x64 10.0.18363

I noticed that I'm getting an scss(css-lcurlyexpected)-error when doing this:

@supports (display: grid) {
    @media screen and (max-width: 400px) {
        column-gap: 0.5rem;
    }
}

It does work without an error outside @supports though.

The error:

{
	"resource": "resource",
	"owner": "_generated_diagnostic_collection_name_#3",
	"code": "css-lcurlyexpected",
	"severity": 8,
	"message": "{ expected",
	"source": "scss",
	"startLineNumber": 29,
	"startColumn": 27,
	"endLineNumber": 29,
	"endColumn": 28
}
That's a useful answer
Without any help

The snippet is not valid scss, it lacks a rule. Should it be

.foo {
    @supports (display: grid) {
        @media screen and (max-width: 400px) {
            column-gap: 0.5rem;
        }
    }
}

That's a dup of https://github.com/microsoft/vscode-css-languageservice/issues/152 which I just fixed