Плагин сортирует в заданном порядке CSS-свойства в рамках каждого блока правил CSS-кода с помощью алгоритма CSScomb.
Например:
До CSScomb:
header h1 {
display:inline-block;
color:#333;
background:#eee;
margin:0 20px;
position:relative;
}
header h1 {
position:relative;
display:inline-block;
margin:0 20px;
background:#eee;
color:#333;
}
|
Подробнее о CSScomb читайте на сайте проекта. Там же доступны онлайн-сортировка, тесты и описание алгоритма, список плагинов.
Есть возможность выбирать режим работы плагина:
- онлайн режим (нужна только сеть)
- оффлайн режим (нужен PHP)
-
OS X, Linux или Windows на котором установлен Sublime Text 2.
-
(Опционально, для работы оффлайн) PHP-интерпретатор. На OS X он установлен из коробки. А для Linux/Windows его нужно скачать с официального сайта php.net и добавить путь до папки куда вы установили PHP в переменную окружения $PATH. Подробнее о том, как это сделать на Windows читайте тут.
-
В Sublime Text 2 открываем:
Preferences→Browse Packages...Откроется папка../Sublime Text 2/Packages. -
Скачиваем туда последнюю версию плагина 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" - для оффлайн-режима.