Skip to content
| Marketplace
Sign in
Visual Studio Code>Formatters>Tailwind sass syntaxNew to Visual Studio Code? Get it now.
Tailwind sass syntax

Tailwind sass syntax

Maciej Ładoś

|
101,779 installs
| (1) | Free
Tailwind syntax highlighting for sass
Installation
Launch VS Code Quick Open (Ctrl+P), paste the following command, and press enter.
Copied to clipboard
More Info

tailwind-sass-syntax

Simple extension that adds tailwind grammar rules for scss and sass files to allow for framework directives syntax highlighting.

Important note

This extension adds only syntax highlighting for now. Sass validator will fail the built in tailwind directives, such as @apply. You can disable sass validation in you linter of choice, or add ignored directives there.

Example for stylelint:

"scss.validate": false

Contributing and development

Install packages, and launch vscode in the directory. After that follow the instructions provided within vscode developer guides here. When you are ready, create a pull request so we can discuss it (as the extension is simple, there is no template for contributions, feel free to write anything). Inside the test directory there is a sample file with tailwind directives, to test the extension on.

npm install && code ./
  • Contact us
  • Jobs
  • Privacy
  • Manage cookies
  • Terms of use
  • Trademarks
© 2025 Microsoft