Search for Sass from the extension installer within VSCode or put this into the command palette.

ext install sass-indented

Syntax Highlighting

AutoCompletions / Intellisense

Formatter

Hover Info

Configuration options can be set in the Sass (Indented) section of VSCode settings or by editing your settings.json directly.

You can import using variables and mixins using @import or @use, if you want to only import the css variables, you can easily do that by using a magic comment //import css-variables from <File Path>.

Note: at the moment all variables are global scoped meaning if you declare a variable inside a class you will get

IMPORTANT: if the bug is related to the formatter please open the issue in the formatter repo.

If you encounter any bugs please open a new issue.

The source for this extension is available on github. If anyone feels that there is something missing or would like to suggest improvements please open a new issue or send a pull request! Instructions for running/debugging extensions locally here.

Note: if you want to contribute to the formatter go to this repo, there is no documentation at the moment, i should probably add it since kinda forgetting how the formatter works myself, so if you want to know how to change something open a new issue and i can probably explain what you need to do.

• Thanks to @robinbentley for creating and maintaining the project until version 1.5.1.
• Property/Value Autocompletion - Stanislav Sysoev (@d4rkr00t) for his work on language-stylus extension
• Syntax highlighting - https://github.com/P233/Syntax-highlighting-for-Sass
• Sass seal logo - http://sass-lang.com/styleguide/brand

The full changelog is available here: changelog.

MIT - https://opensource.org/licenses/MIT