stylefmt is a tool that automatically formats your stylesheets.

The main package (stylefmt) does not develop.

Alternatively you can use:

• vscode-stylefmt plugin with stylefmt fork.
• postcss with similar plugins.
• stylelint

Do you like this project? Support it by donating, creating an issue or pull request.

• Press F1 and select Extensions: Install Extensions.
• Search for and select stylefmt.

See the extension installation guide for details.

• You can use global keyboard shortcut ALT+SHIFT+F or right-click context menu Format code.
• Or press F1 and run the command named stylefmt: Format CSS.

• CSS
• PostCSS
• Less
• SCSS
• SugarSS

configBasedir

• Type: string
• Default: null

Base working directory; useful for stylelint extends parameter.

config

• Type: object || string
• Default: null

Config object for stylelint or path to a stylelint config file.

Will automatically look for .stylelintrc and stylelint.config.js in workspace root, or a stylelint param in the package.json, if config is omitted.

Warning!

If you want to specify a file in the current directory, the path must begin with a ./ or ../ if relative to the current directory. Also you can use HOME directory as ~ symbol.

useStylelintConfigOverrides

• Type: boolean
• Default: false

Overrides rules using Stylelint plugin settings.

showErrorMessages

• Type: boolean
• Default: true

Show error messages or not. Will be automatically set to false if editor.formatOnSave is enabled.

For changes keyboard shortcuts, create a new rule in File -> Preferences -> Keyboard Shortcuts:

{
  "key": "ctrl+shift+c",
  "command": "stylefmt.execute"
}

Read about the stylelint rules and default rules in stylefmt repository.

See the Releases section of our GitHub project for changelogs for each release version.

This software is released under the terms of the MIT license.