vscode-sass-indented icon indicating copy to clipboard operation
vscode-sass-indented copied to clipboard

Syntax highlighting after 3rd-party custom at-rules

Open idlist opened this issue 1 year ago • 1 comments

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.

idlist avatar Jul 21 '23 04:07 idlist

@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.

TheRealSyler avatar Jul 21 '23 07:07 TheRealSyler