Syntax highlighting about tailwindcss-intellisense HOT 9 CLOSED

Hey Benoît, thanks for the feedback!

I’m not sure you can extend syntax definitions like that. I might be wrong though. I think you’d have to define a brand new "language," which I don’t really want to do.

I use this extension and then set VS Code to associate CSS files with PostCSS: "files.associations": { "*.css": "postcss" } If you do that it won’t complain about the syntax you mentioned.

Alternatively you can disable the built-in CSS validation: "css.validate": false

from tailwindcss-intellisense.

I use this extension and then set VS Code to associate CSS files with PostCSS: "files.associations": { "*.css": "postcss" } If you do that it won’t complain about the syntax you mentioned.

Hmm, I don't think that's gonna work for me, as I'm also using Sass (.scss files) with Tailwind.

No big deal. Thank you for your quick response :)

from tailwindcss-intellisense.

Okay so I misspoke earlier 😅 apologies!

You can actually do this.

Before:

After:

from tailwindcss-intellisense.

Although, after some digging I still can’t find a way around the validation issue.

If you require validation I would recommend disabling the built-in validation, and using stylelint instead, which allows defining custom at-rules.

In terms of syntax highlighting.. how do you imagine the class names after an @apply looking?

from tailwindcss-intellisense.

If you require validation I would recommend disabling the built-in validation, and using stylelint instead, which allows defining custom at-rules.

Nice, I will look at that, thanks!

In terms of syntax highlighting.. how do you imagine the class names after an @apply looking?

Maybe similar to how they appear in a selector?

from tailwindcss-intellisense.

Before:

After:

What do you think?

from tailwindcss-intellisense.

Looks perfect! :)

from tailwindcss-intellisense.

Sweet! This is released now so let me know if you run in to any issues :)

from tailwindcss-intellisense.

Re-closing this, everything seems to work well :) Thanks again

from tailwindcss-intellisense.