Stylesheet Comb Formatter for Visual Studio Code

This extension is a stylesheet formatter that aims to streamline stylesheets for CSS, LESS, SCSS and SASS. This is done by formatting and grouping properties making it more readable and consistent.

See the CHANGELOG for the latest changes

Installation

Install through VS Code extensions. Search for Stylesheet Comb Formatter

Visual Studio Code Market Place: Stylesheet Comb Formatter

Can also be installed in VS Code: Launch VS Code Quick Open (CTRL + P), paste the following command and press enter.

ext install BrandonAbela.vscode-stylesheet-comb

Usage

Setting Default Formatter

1. CMD + Shift + P
2. Format Document With ...
3. Configure Default Formatter ...
4. Stylesheet Comb Formatter

Using Command Palette (CMD/CTRL + SHIFT + P)

The CMD key for Windows is CTRL

Applying formatting to the entire stylesheet.

1. CMD + Shift + P
2. Stylesheet Comb Formatter

Keyboard Shortcuts (ALT + SHIFT + F)

Visual Studio Code provides default keyboard shortcuts for code formatting.

If you don't like the defaults, you can rebind editor.action.formatDocument and editor.action.formatSelection in the keyboard shortcuts menu of vscode.

Format On Save

Respects editor.formatOnSave setting. You can turn on format-on-save on a per-language basis by scoping the setting:

// Set the default
"editor.formatOnSave": false,
// Enable per-language
"[css]": {
    "editor.formatOnSave": true
}