This is a plugin for MacRabbit's Espresso code editor with support for the CSScomb plugin.
Note: This plugin doesn't work with newer versions of Espresso (v3 and up). Use this fork by eablokker instead.
This Espresso plugin uses CSScomb, a coding style formatter for CSS. Its main feature is sorting properties in a specific order. But it can also be used to beautify your style sheet.
In addition to plain CSS, the plugin also supports SCSS, Sass and Less syntax. But until Espresso receive native support for these languages, you'll need to use third-party plugins to enable support in Espresso. There are several plugins hosted on GitHub that extends the language support in Espresso.
Select Action > CSScomb > Comb CSS to beautify your style sheet and sort properties. If you don't want to affect the entire style sheet, you can make one or several text selections before performing the action.
It's also possible to only beautify the style sheet without affecting the sort order (and vice versa).
This plugin uses a custom made configuration that mimics the way Espresso writes CSS. It also honors your Espresso settings regarding tabs and line endings. The properties sort order is using CSScomb's zen ordering style.
To use your own custom configuration, you'll need to create a config file named ".csscomb.json" in your project's root. If you want to use the same configuration for several projects, you can place the file in a parent folder. The plugin searches for a config file in parent folders up to your home folder.
Instructions for creating this config file can be found on csscomb.com.
This plugin is mostly a wrapper for the npm module csscomb. That means that you can easily update the bundled csscomb package yourself if there is a new version available. The package is found in the folder ScriptLibraries in this plugin. I will of course try to keep this plugin updated myself.
- Download and extract the zip
- Double-click the CSScomb.sugar file to install