How does CSScomb work?

The algorithm of CSScomb simulates web-technologist's actions upon working with CSS-code to the limit. Usually to re-order code you move lines over each other considering comments in the code, multilines records of property values, hacks and everything that could be found in the real file. CSScomb reproduces these actions for you. This means that the parser "thinks" as a person editing the text, not as a blind robot parsing CSS.

Here’s an example of how disarranged code can be fixed by CSScomb:

Comb your code

On the left, unsorted code. On the right, code after using CSScomb.

What can CSScomb do?

How to adjust the order of sorting?

In the web interface, settings can be defined by a simple list: a line for each property, in the required order. If desired, it's possible to divide properties into groups by adding an empty line. In that case the result of formatting will be the same.

For adjusting plugins use one-dimensional and two-dimensional JSON arrays. In case of two-dimensional arrays the properties will be divided into groups with an empty line. In plugins you should pick open file csscomb.php

How to support?

Make a plugin (if you don't have one) for your favorite code editor.


Improvement of the algorithm and rework the test cases that are failed.

Introduction of CSScomb in the popular code editors.


Александру Титула-Бойченко, Вадиму Макееву, Игорю Майданову, Олегу Васютинскому, Елизавете Пимошиной, Алёне Царевой and everyone who helped in testing.