Как отсортировать свойства CSS-правил согласно codeguide?

Question

[abbrakadabbra]

В процессе работы над CSS в редакторе Brackets хочется соблюдать определенный порядок в свойствах правил, например:

position
left\top\right\bottom
margin
padding
width\height...
оформление (font\color\bg)

Нужно:

(4) font-size: 12px;
(5) color: blue;
(2) margin: 0;
(1) position: absolute;
(3) width: 500px

превратить в:

(1) position: absolute;
(2) margin: 0;
(3) width: 500px
(4) font-size: 12px;
(5) color: blue;

Однако не всегда это получается, особенно в сложных структурах. В итоге стили смешиваются, и проходить и задавать порядок вручную становится немного затратно по времени.

Хотел узнать - есть ли возможность сделать такую проверку автоматически? Использую Brackets, LESS, для компиляции Prepros.

Спасибо!

Answer 1

[LMI]

Вам нужен плагин CssComb например для Sublime Text или Gulp. В csscomb.json забиваете ваш codeguide и вперед :)

Я использую плагин CssComb для Gulp. Компилирую sass в css и при компиляции свойства сортируются, хотя я изначально стараюсь придерживаться стиля и в написании самого Sass.