Skip to content

i-akhmadullin/Sublime-CSSComb

Repository files navigation

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 открываем: PreferencesBrowse 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

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

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

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

Issues & bugs

CSScomb for Sublime Text 2 tracker