Skip to content
🔌 VS Code plugin to sort CSS rules content with specified order.
TypeScript CSS
Branch: master
Clone or download
Fetching latest commit…
Cannot retrieve the latest commit at this time.
Permalink
Type Name Latest commit message Commit time
Failed to load latest commit information.
.github docs: Add Issue and PR template Nov 26, 2017
.vscode Init Apr 9, 2016
fixtures
src style(*): Fix linter issues Dec 3, 2017
.editorconfig Update plugin Feb 26, 2017
.gitignore chore(git): Update .gitignore Oct 3, 2017
.travis.yml
.vscodeignore
CODE-OF-CONDUCT.md docs: Add code of conduct Nov 26, 2017
CONTRIBUTING.md docs: Add Contributing guides Nov 26, 2017
LICENSE
README.md
icon.png Update icon Aug 31, 2016
package.json chore(package): Update dependencies Dec 3, 2017
tsconfig.json Update plugin Feb 26, 2017
tslint.json style(*): Switch to my own config Dec 3, 2017

README.md

VS Code Post​CSS Sorting

VS Code plugin to sort CSS rules content with specified order. Powered by postcss-sorting.

Install

  • Press F1 and select Extensions: Install Extensions.
  • Search for and select postcss-sorting.

See the extension installation guide for details.

Usage

Press F1 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 as string starts with . or ~ or /
  • postcssSortingConfig property in package.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.

You can’t perform that action at this time.