CSScomb для Sublime Text 2

Плагин сортирует в заданном порядке CSS-свойства в рамках каждого блока правил CSS-кода с помощью алгоритма CSScomb.

Например:

До CSScomb: header h1 { display:inline-block; color:#333; background:#eee; margin:0 20px; position:relative; } </td> <td> После CSScomb: header h1 { position:relative; display:inline-block; margin:0 20px; background:#eee; color:#333; } </td> </tr>

Подробнее о CSScomb читайте на сайте проекта. Там же доступны онлайн-сортировка, тесты и описание алгоритма, список плагинов.

Есть возможность выбирать режим работы плагина:

• онлайн режим (нужна только сеть)
• оффлайн режим (нужен PHP)

Требования к окружению

1. OS X, Linux или Windows на котором установлен Sublime Text 2.

2. (Опционально, для работы оффлайн) PHP-интерпретатор. На OS X он установлен из коробки. А для Linux/Windows его нужно скачать с официального сайта php.net и добавить путь до папки куда вы установили PHP в переменную окружения $PATH. Подробнее о том, как это сделать на Windows читайте тут.

Установка

1. В Sublime Text 2 открываем: Preferences → Browse Packages... Откроется папка ../Sublime Text 2/Packages.

2. Скачиваем туда последнюю версию плагина CSScomb для Sublime Text 2:

   git clone git://github.com/i-akhmadullin/Sublime-CSSComb.git CSScomb
   

   После этого должен появиться пункт Sort via CSScomb в меню Tools в Sublime Text 2.

Использование

По умолчанию сортируется весь файл. Так же можно выбрать строки со стилями, которые надо отсортировать. Поддерживается множественное выделение. Выделять желательно блок правил целиком, с селектором и скобками.

ctrl + shift + c

или в меню Tools → Sort via CSScomb, либо Sort via CSScomb в контекстном меню.

Переключение режима работы плагина

Выбрать Preferences → Package Settings → CSScomb → Settings - Default
В открывшемся файле поправить в строке:
"sorter": "heroku"
значение после двоеточия на "heroku" - для онлайн-режима или "hosted" - для оффлайн-режима.

Issues & bugs

CSScomb for Sublime Text 2 tracker