@abbrakadabbra

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

В процессе работы над 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.

Спасибо!
  • Вопрос задан
  • 198 просмотров
Решения вопроса 1
@LMI
Вам нужен плагин CssComb например для Sublime Text или Gulp. В csscomb.json забиваете ваш codeguide и вперед :)

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

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы