Awesome
atom-postcss-sorting
Atom editor plugin to sort CSS rules content with specified order. The following syntaxes are currently supported: CSS, SASS/SCSS and PostCSS (aka SugarSS).
Installation
$ apm install postcss-sorting
or open Atom and go to Preferences > Install and search for postcss-sorting
package.
Options
You can select one of the bundled presets: default, csscomb, yandex and zen.
If any of the following config files exist, they will override the selected preset. They are loaded in the following order of priority:
-
.postcss-sorting.json
orpostcss-sorting.json
at the root of your project -
A
"postcssSortingConfig": { ... }
object in your projectpackage.json
-
Custom
~/path/to/your/config.json
(if specified in package settings) -
~/.postcss-sorting.json
or~/postcss-sorting.json
file in yourHOME
directory
Files can be processed "On Save" (not enabled by default).
"On Save" can be disabled if no config file is present (not enabled by default).
Notifications can also be disabled from the package settings.
Usage
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 PostCSS Sorting: Run
.
Keyboard shortcut: <kbd>Ctrl</kbd> + <kbd>Shift</kbd> + <kbd>S</kbd>
If you have an "On Save" option enabled and "Check for config file" option disabled just save a file.
Acknowledgements
This plugin is based on the postcss-sorting plugin by Aleks Hudochenkov