SCSS: Broken syntax highlighting for nested selectors

[spncrmoo-zz]

• VSCode Version: 1.18.0
• OS Version: macOS High Sierra (10.13.1) and Windows 7

Steps to Reproduce: All SCSS files now have broken syntax highlighting for nested elements since the latest update. It's the same for everyone on my team, which are split between OSX and Windows. I've done a lot of searching but somehow can't find any mention of this elsewhere, which is odd since we're all on different setups here.

Reproduces without extensions: Yes

[aeschli]

That's what I see in 1.18 with the Dark+ theme and no extensions installed.

Maybe there was a change in the theme that you use?

[spncrmoo-zz]

Am I missing something? It also seems to be broken in your screenshot. I'm assuming that P tag is a different colour if you take it out of that nest?

Also from my original post - "Reproduces without extensions: Yes"

I've tried without any extensions whatsoever, and like I said it's on multiple machines.

[aeschli]

Sorry, I didn't realize you only meant the p. This one in now fixed in 1.19

[spncrmoo-zz]

Ah great, thanks. It was the P and the H4 in my original screenshot, but it pretty much does it for all element selectors that are nested in any of my scss.

[bartech]

• VSCode Version: 1.18.1
• OS Version: Windows 10

Same issues Not recognizing &-name as parent-selector-suffix

looks like parsing problems as in same file later got not recognized closing brackets but selector suffix is recognized properly

Not recognizing pseudo elements correctly and double semicolon (first one is treated as punctuation separator but second as meta property value) also opening bracket is treated as part of meta property value

Pseudo elements recognized as support.type.property-name same as all css properties

Treating entity.other.attribute-name.parent-selector-suffix as variable when starts with "--"

Treating "label" tag as support.type.property-name

Treating nested tags as meta.property-name and not as entity.name.tag

Problem with recognizing ending brackets

All looks like parsing problems switching to SASS syntax for same file and everything is ok

[aeschli]

@bartech101 There was a grammar update for 1.19 that fixed most of the issues. 1.19 will be out in the coming days.

[bartech]

• VSCode Version: 1.19.0
• OS Version: Windows 10

Most of the issues are fixed in 1.19.0 but some still exists

'cursor' property is treated as entity.name.tag

BEM "&--modifier" recognized as variable

animation name with "-" not recognized properly