ctrl+shift+p filters: :st2 :st3 :win :osx :linux
Browse

Post​CSS Sorting

by hudochenkov ALL

Sublime Text plugin to sort CSS rules content with specified order.

Details

Installs

  • Total 7K
  • Win 3K
  • Mac 3K
  • Linux 677
Apr 22 Apr 21 Apr 20 Apr 19 Apr 18 Apr 17 Apr 16 Apr 15 Apr 14 Apr 13 Apr 12 Apr 11 Apr 10 Apr 9 Apr 8 Apr 7 Apr 6 Apr 5 Apr 4 Apr 3 Apr 2 Apr 1 Mar 31 Mar 30 Mar 29 Mar 28 Mar 27 Mar 26 Mar 25 Mar 24 Mar 23 Mar 22 Mar 21 Mar 20 Mar 19 Mar 18 Mar 17 Mar 16 Mar 15 Mar 14 Mar 13 Mar 12 Mar 11 Mar 10 Mar 9
Windows 0 0 0 0 0 0 0 0 0 1 0 0 0 0 0 0 0 0 0 0 0 0 0 0 1 0 0 0 1 0 0 0 0 0 1 0 1 0 0 0 0 0 1 0 0
Mac 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 1 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 1 0 0
Linux 0 1 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0

Readme

Source
raw.​githubusercontent.​com

sublime-postcss-sorting

Sublime Text plugin to sort CSS rules content with specified order. Powered by postcss-sorting.

Works only with CSS, SCSS and PostCSS.

Install

Install PostCSS Sorting with Package Control and restart Sublime Text.

You need to have Node.js 6+ installed.
Make sure it's in your $PATH by running node -v in your command-line.
On OS X you need to make sure it's in /usr/local/bin or symlink it there.

Getting started

In a CSS or PostCSS file, open the Command Palette (Cmd + Shift + P (OS X), Ctrl + Shift + P (Windows/Linux)) and choose Run PostCSS Sorting. You can alternatively create one or more selections before running the command to only sort those parts. It should be whole rule.

There is keyboard shortcut also: Ctrl + Shift + S (OS X), Ctrl + Alt + Shift + S (Windows/Linux).

Options

(Preferences → Package Settings → PostCSS Sorting → Settings)

You can specify sort order and other options. See the postcss-sorting documentation for all options.

Default

{
    "sort-on-save": false
}

Project settings

You can override the default and user settings for individual projects. Just add an "PostCSSSorting" object to the "settings" object in the project's .sublime-project file containing your project specific settings.

Example:

{
    "settings": {
        "PostCSSSorting": {
            "properties-order": ["padding", "margin"],
            "sort-on-save": true
        }
    }
}

Acknowledgements

This plugin is based on the sublime-autoprefixer plugin by Sindre Sorhus.