SCSS variable highlighting stopped working

[dylanfisher]

Using v2.0.7

Highlighting just disappeared for SCSS variables. Pretty sure this was working prior to v2.0.7.

[braver]

That might just be what variables look like in your color scheme. What do variables look like in say JavaScript?

[dr-dimitru]

@braver same, here, again: where:

• @media should be red
• all variables orange and italic
• backdrop-filter should not be red

[dr-dimitru]

@braver here is how js code is highlighted

[braver]

• Parameters in a function definition should be orange italic, and they are.
• Variables should be white. When they’re defined and whenever they’re used. Variables passed as parameters to a function call should also be white.

Your JS example clearly shows that as well:

• In the definition of sampleFunc the args are orange
• The obj variable is always white
• The obj variable is also white when passed as a paramter to set.add

The old version of Sass got it wrong, it’s probably the only syntax out there that scopes things like it does.

[braver]

@braver same, here, again: where:

• @media should be red
• all variables orange and italic
• backdrop-filter should not be red

You may be right about the @media and the backdrop-filter though.

[dr-dimitru]

Not sure if this one deserves separate issue:

.sidebar
  background: none
  @media(max-width: $break-parent)
    will-change: transform, scroll-position

.sidebar
  background: none
  will-change: transform, scroll-position

Where transform and scroll-position has two different colors

[braver]

I'm closing this. The original issue as far as there was any has been resolved. backdrop-filter isn't a standardized property and therefore not recognized. In any case that's something completely seperate from the original issue. @dr-dimitru this is something else, unrelated to the other issues raised here. I don't have a fix for that yet, but have a test in place and will look at a solution soon.