https://github.com/mrmlnc/vscode-postcss-sorting

:electric_plug: VS Code plugin to sort CSS rules content with specified order.
https://github.com/mrmlnc/vscode-postcss-sorting

visual-studio-code vscode vscode-extension

Last synced: 15 days ago
JSON representation

:electric_plug: VS Code plugin to sort CSS rules content with specified order.

• Host: GitHub
• URL: https://github.com/mrmlnc/vscode-postcss-sorting
• Owner: mrmlnc
• License: mit
• Created: 2016-04-09T23:43:09.000Z (over 8 years ago)
• Default Branch: master
• Last Pushed: 2023-10-03T19:37:08.000Z (about 1 year ago)
• Last Synced: 2024-10-10T23:10:23.673Z (about 1 month ago)
• Topics: visual-studio-code, vscode, vscode-extension
• Language: TypeScript
• Homepage: https://goo.gl/6yyLPA
• Size: 57.6 KB
• Stars: 60
• Watchers: 4
• Forks: 6
• Open Issues: 14
• Metadata Files:
  • Readme: README.md
  • Contributing: CONTRIBUTING.md
  • License: LICENSE
  • Code of conduct: CODE-OF-CONDUCT.md

Awesome Lists containing this project

README

        
# VS Code Post​CSS Sorting

> VS Code plugin to sort CSS rules content with specified order. Powered by [postcss-sorting](https://github.com/hudochenkov/postcss-sorting).

## Install

  * Press F1 and select `Extensions: Install Extensions`.

  * Search for and select `postcss-sorting`.

See the [extension installation guide](https://code.visualstudio.com/docs/editor/extension-gallery) 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:

```json

{

  "postcssSorting.config": {

    "order": [

      "custom-properties",

      "dollar-variables",

      "declarations",

      "at-rules",

      "rules"

    ],

    "properties-order": ["display", "position", "top", "right", "bottom", "left"]

  }

}

```

See the [postcss-sorting documentation](https://github.com/hudochenkov/postcss-sorting#options) 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`:

```json

{

  "key": "ctrl+shift+c",

  "command": "postcssSorting.execute"

}

```

## Changelog

See the [Releases section of our GitHub project](https://github.com/mrmlnc/vscode-postcss-sorting/releases) for changelogs for each release version.

## License

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