SCSS syntax coloring error: "cursor" identified as selector entity instead of property name.

[aeschli]

From @patoezequiel on June 21, 2017 5:32

• VSCode Version: Code 1.13.1 (379d2efb5539b09112c793d3d9a413017d736f89, 2017-06-14T18:21:47.485Z)
• OS Version: Windows_NT ia32 10.0.15063
• Extensions:

Extension	Author	Version
vetur	octref	0.7.0
vuehelper	oysun	0.1.0
vscode-icons	robertohuertasm	7.9.0

---

Inside SCSS files, the cursor property is being colored like a selector instead of a property.

The TM scope inspector shows that regular properties have the following tags:

• support.type.property-name.css
• meta.property-name.scss
• meta.property-list.scss
• source.css.scss

While the cursor property has these:

• entity.name.tag.css
• meta.property-list.scss
• source.css.scss

Below there are screenshots showing this behavior.

---

Steps to Reproduce:

1. Create a new file and paste the following code:

.selector {
	align-self: auto;
	cursor: auto;
	margin: auto;
}

2. Save the file with a .scss extension.
3. The cursor property is not colored properly, possibly because the SCSS grammar misidentifies it as a selector entity name rather than a property name

Copied from original issue: microsoft/vscode#29160

[aeschli]

From @jbw91 on July 11, 2017 22:6

I can confirm this is an issue. It's happening with me as well.

[winstliu]

Duplicate of your own #226 😉.