VSCode plugin to format your CSS / LESS and SCSS files which can vertical align properties. See image for an demo.
Installation
Install through VS Code extensions. Search for 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 |
| formate.enable |
Enables/disables the extension |
boolean |
true |
| formate.verticalAlignProperties |
Controls if properties should be aligned vertically |
boolean |
true |
| formate.additionalSpaces |
If vertical alignment is on, this setting is to add extra spaces |
number |
0 |
| formate.alignColon |
Whether colon should be vertical aligned or not |
boolean |
true |
Release Notes
| Version |
Notes |
| 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 |
| |
