VSCode plugin to format your CSS / LESS and SCSS files which can vertical align properties. See image for an demo.
Install through VS Code extensions. Search for formate.
On Windows:
- CTRL + Shift + P -> Format Document
- CTRL + ALT + F
On Mac:
- CMD + Shift + P -> Format Document
- CMD + ALT + F
| 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 |
| Version | Notes |
|---|---|
| 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 |