search

TheRealSyler / vscode-sass-indented

Sass indented syntax support for VSCode
https://marketplace.visualstudio.com/items?itemName=Syler.sass-indented
Other
43 stars 9 forks source link

Syntax highlighting after 3rd-party custom at-rules #123

Open idlist opened 11 months ago

idlist commented 11 months ago

Is your feature request related to a problem? Please describe. As newer CSS frameworks comes by, custom at-rules other than those Sass defines continuously appears. However, sometimes the highlight after those custom at-rules seems to be a little bit unnatural:

image

In this example, TailwindCSS introduces the custom at-rule @tailwind, but the word base is wrongly highlighted as a tag name instead of a property value, which... doesn't really affecting the using, but is still somewhat incorrect and brings inconsistency.

The same situation also applies to @apply, when some of the TailwindCSS class name accidentally being the same of some keyword.

Describe the solution you'd like On the other hand, it's hard to trace how many popular custom at-rules there are (now there are @tailwind, @windi, @unocss), and it's impractical to add highlighting to each custom at-rule. A simple solution might be treating all values after those 3rd-party custom at-rules as property value, so that at least there would not be words that have unexpected highlight.

Describe alternatives you've considered Not for now...

Additional context No.

TheRealSyler commented 11 months ago

@idlist im currently only fixing bugs, if you want this feel free to open a pr, i might add this in the future but don't count on it.