Awesome
VS Code PostCSS Sorting
VS Code plugin to sort CSS rules content with specified order. Powered by postcss-sorting.
Install
- Press <kbd>F1</kbd> and select
Extensions: Install Extensions
. - Search for and select
postcss-sorting
.
See the extension installation guide for details.
Usage
Press <kbd>F1</kbd> and run the command named PostCSS Sorting: Run
.
Supported languages
- CSS
- PostCSS
- Less
- SCSS
Options
You can override the default and user settings for individual projects. Just add an postcssSorting
object to the settings.json
file.
For example:
{
"postcssSorting.config": {
"order": [
"custom-properties",
"dollar-variables",
"declarations",
"at-rules",
"rules"
],
"properties-order": ["display", "position", "top", "right", "bottom", "left"]
}
}
See the postcss-sorting documentation for all rules and predefined configs.
Also we support:
postcssSorting
asstring
starts with.
or~
or/
postcssSortingConfig
property inpackage.json
.postcss-sorting.json
postcss-sorting.json
POSTCSS_SORTING_CONFIG
env
Keyboard shortcuts
For changes keyboard shortcuts, create a new rule in File -> Preferences -> Keyboard Shortcuts
:
{
"key": "ctrl+shift+c",
"command": "postcssSorting.execute"
}
Changelog
See the Releases section of our GitHub project for changelogs for each release version.
License
This software is released under the terms of the MIT license.