Skip to content
This repository has been archived by the owner on Jul 17, 2019. It is now read-only.

Latest commit

 

History

History
54 lines (38 loc) · 2.66 KB

README.md

File metadata and controls

54 lines (38 loc) · 2.66 KB

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.

Highlighting Example

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

Changelog

The full changelog is available here: changelog.

License

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