This repo is no longer maintained.
Development and publishing for this extension has been taken over by @TheRealSyler.
This will remain up for my own history but to follow active development please visit the project here
17/07/19
Indented Sass syntax highlighting, autocomplete & snippets for VSCode
VSCode only has built in support for SCSS syntax so I have put this together for people who prefer to use the indented syntax.
Installing
Search for Sass from the extension installer within VSCode or put this into the command palette.
ext install sass-indented
Configuration
Configuration options can be set in the Sass (Indented) section of VSCode settings or by editing your settings.json directly.
| Option | Type | Default | Description |
|---|---|---|---|
sass.disableAutoIndent |
boolean | false | Stop the extension from automatically indenting when pressing Enter |
Property/Value Autocompletion & Emmet
Autocompletion for css properties and built in language functions (@warn, @at-root, lighten(), darken() etc) is built in. As of version 1.3 VSCode supports Emmet in .sass files, the original snippets for css properties have been removed.
Snippets
Snippets have been reduced to a few time savers.
var - declare a new variable
mixin - declare a new mixin
if - base for an @if statement
for - base for a @for loop
each - base for a @each loop
while - base for a @while loop
Contributing
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.
Credits
- Property/Value Autocompletion - Stanislav Sysoev (@d4rkr00t) for his work on language-stylus extension
- Syntax highlighing - https://github.com/P233/Syntax-highlighting-for-Sass
- Sass seal logo - http://sass-lang.com/styleguide/brand
Changelog
The full changelog is available here: changelog.