sass-helper
Convert your css to scss by extracting mixins and nesting rules and properties in scss files in Visual Studio Code using the Sass Helper.
Features
- Create a scss/sass file with nested rules for an existing css file. (using
sass-convert )
- Create a sass file for an existing scss file. (using
sass-convert )
- Nest css rules in a scss file. (using
sass-convert )
- Nest css properties with same namespace in a scss file.
- Extract a mixin out of selected css properties in a scss file.
Requirements
Few features of this extension use the sass-convert command-line tool which can be installed from http://sass-lang.com/install
Known Issues
- Extract Mixin feature does not work on nested properties and nested mixins
Coming Soon
- Create scss/sass files for all css files in a folder
- While extracting mixin, replace all occurances of the selected css properties in the file.
- Nest css properties with same namespace even if they are not contiguous. Example:
.hello {
font-size: 14px;
float: none;
font-family: 'Arial Narrow Bold';
font-weight: bold
}
- Nest css properties with same namespace in the same css rule through out the current file, rather than just the selected ones.
Release Notes
0.0.2
Initial release of the Sass Helper
| |