CSScomb 3.0: красивый код одной командой

[@adamantine]

Отличный инструмент, спасибо!

Для Gulp уже есть поддержка версии 3.0: github.com/koistya/gulp-csscomb/blob/master/package.json#L14

[@tonyganch]

Между версиями CSScomb 3.0.0-5 и 3.0.0 изменился API, а в коде плагина это пока не поправлено. Задача для Gulp, хотя и установит свежую «расчёску», свалится с ошибкой при попытке обработать препроцессорный файл (например, styles.less). Поэтому я пока не советую его использовать.

[@mggtsnppr]

Ставил пару недель назад через npm — уже тогда поставилась версия 3.0.0-5
Это как-то не тру, потому что я не сразу догнал, почему конфиги с гитхаба не работают…
Оказалось, что ветку надо было не мастер смотреть…

[@maashaa]

А на сайт как вставить?

[@tonyganch]

Не понимаю вопрос. Какой сайт?

[@estolica]

Какой сайт?
на свой конечно же
инструмента, который делает CSS-код красивым
ведь очень очень хочется красивый CSS

хочется еще красивый JS и красивый PHP

P.S. Алена, спасибо за инструмент.

[@tonyganch]

«Расчёска» предназначена для работы с исходным кодом во время разработки: как плагин для редактора, задача для сборщика или линтер для прекоммит хука.
Не могу придумать случай, когда бы CSScomb понадобился как часть веб-приложения.
Хотя на csscomb.com на странице демо мы подключаем «расчёску» как обычный node-модуль.
Как это сделать, написано здесь.

Если речь всё же об использовании в качестве плагина у себя на компьютере, то скажите, как вам удобнее форматировать код (может, через терминал или из текстового редактора), а я объясню, как CSScomb установить и настроить.

Мы не так давно подумывали написать JScomb, но потом нашли esformatter и успокоились.

[@estolica]

спасибо за развернутый серьезный ответ на шуточный вопрос)

[@Serator]

Подскажите, если CSS выравнивается отступами в таком виде:

node{
	
}
	node > node{
		
	}
		node > node > node{
			
		}

То возможно как-то сохранять отступы при использовании CSSComb'а?

[@tonyganch]

Если не использовать свойства block-indent, space-after-opening-brace и space-before-closing-brace, должно получиться. Но тогда за отступами придётся следить самостоятельно.
Есть вот такая похожая задача. Если к ней хотя бы добавить комментарий, увеличится вероятность, что какой-нибудь разработчик посчитает нужным эту функцию реализовать :)

[@Serator]

Увы, частично все равно отступы слетают, но все равно спасибо за ответ ;).

[@foo]

А есть ли возможность задать сортировку для конкретных инклюдов в sass?
Большая часть инклюдов размещается в начале, но есть несколько, которые нужно помещать в конец.

[@tonyganch]

Сейчас такой возможности нет. Мы обсуждали эту функцию, но так и не пришли к общему мнению, как же это должно работать. У вас есть идеи?

[@foo]

Почему бы не поступить так же, как и с обычными правилами? То есть, просто перечислить все миксины, которые хотелось бы расположить не в дефолтном месте. Таких правил обычно немного.

"sort-order": [ [
        "$include",
        "...",
        "$include respond-to"
]]

Может быть с вайлдкардом:

"sort-order": [ [
        "$include",
        "...",
        "$include transition-*"
]]

[@Mihanik71]

А что по поводу PHP Storm / WEb Storm?

[@Metaller]

Можно подключить как External Tools.

[@theproof]

Алена, ты молодец!
Нам как раз не хватало сортировки по алфавиту и поддержки SASS.
Постараемся подключить в КП. // dsorin@

[@tonyganch]

Будет здорово, если вы подробнее опишите проблему на гитхабе: версия CSScomb, как используется (npm/cli/плагин), код, на котором всё падает, и конфиг, который вы используете.