No syntax highlighting for `@use`

[CrazyTim]

I suggest making it simular as @import.

[braver]

I'm actually really sure we have highlighting for @use and @forward. Any specific code where you have a problem? With screenshots perhaps?

[CrazyTim]

@braver sure, here is sample code and screen shot. I found a few more syntax issues and have included them here.

@include '../vars';
@use '../vars'; // expect "@use" to be pink, and "'../vars'" to be yellow, like "@include" above.

input {

  order: 1; // expect "order" to be legal.

  align-items: center; // expect "-items" to be blue.

  background-size: cover; // expect "cover" to be blue, like "center" above.

}

input::before {
  content: '';
}

input::placeholder { // expect "placeholder" to be green, like "before" above.
  color: #999;
}

[braver]

Huh? Are you sure that's scss you're using? For one, that's not how @include works. And this package for scss definitely has no problem highlighting your example code. Maybe you're using an older version, or a different package?

[braver]

Can't reproduce this, at least in the upcoming 3.0 it looks good to me.

A 3.0 beta release is out now, check the readme on how to get the early builds to take advantage of the improvements and help out improving the package before we ship it to the world.

[CrazyTim]

Still happening for me. Could be a conflict with another package?

I'll try v3 and let you know.

[willrowe]

I can confirm this is working correctly in v2.5.3.