VSCode plugin to format your CSS / LESS and SCSS files which can vertical align properties. See image for a demo.

Installation
Install through VS Code extensions. Search for better-formate.
Usage
On Windows:
- CTRL + Shift + P -> Format Document
- CTRL + ALT + F
On Mac:
- CMD + Shift + P -> Format Document
- CMD + ALT + F
Extension Settings
Setting |
Description |
Type |
Default |
|
better-formate.enable |
Enables/disables the extension |
boolean |
true |
|
better-formate.verticalAlignProperties |
Controls if properties should be aligned vertically. Set to true for per‑selector alignment, or 'allFile' to align across the entire file |
boolean |
string |
true |
better-formate.additionalSpaces |
If vertical alignment is on, this setting is to add extra spaces |
number |
0 |
|
better-formate.alignColon |
Whether colon should be vertical aligned or not |
boolean |
true |
|
Examples
Per selector (default):
"better-formate.verticalAlignProperties": true
Across whole file:
"better-formate.verticalAlignProperties": "allFile"
Disable:
"better-formate.verticalAlignProperties": false
Note: Settings have been renamed from "formate." to "better-formate.".
Release Notes
Version |
Notes |
: -------- |
: ------ |
1.2.2 |
Support align all file symbol(such as ':' of scss) |
1.2.1 |
Added option "better-formate.verticalAlignProperties = 'allFile'" to align properties across the entire file. |
1.2.0 |
Added a feature to ignore a css line. (thank you @mariomui-viscira) |
1.1.6 |
Fixed an issue where Formate's settings in VSCode's UI where not visible. |
1.1.5 |
Added setting alignColon to switch between align on property or on colon. (Thank you @Piets0n) |
1.1.1 |
Updated dependencies to fix the "potential security vulnerability" message. |
|
Skipping commented lines from vertical alignment |
1.1.0 |
Added setting "formate.additionalSpaces" to insert additional spaces if required. |
1.0.1 |
Few minor changes in package.json to publish to the marketplace. |
1.0.0 |
Initial release of CSS, LESS and SCSS Formatter |
| |