Awesome
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 (<kbd>Cmd</kbd> + <kbd>Shift</kbd> + <kbd>P</kbd> (OS X), <kbd>Ctrl</kbd> + <kbd>Shift</kbd> + <kbd>P</kbd> (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: <kbd>Ctrl</kbd> + <kbd>Shift</kbd> + <kbd>S</kbd> (OS X), <kbd>Ctrl</kbd> + <kbd>Alt</kbd> + <kbd>Shift</kbd> + <kbd>S</kbd> (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.