Atom package: CSS from HTML

RUS:

Этот плагин для редактора Atom позволяет скопировать в буфер обмена из HTML-документа список CSS-классов в виде готового каркаса для написания стилей.

Возможности:

• Классы не дублируются
• Ситуации, когда у элемента несколько классов (вроде class="block modificator context") обрабатываются таким образом:
  • Первый класс считается базовым, добавляется в буфер, если его еще не было
  • После базового класса в буфер добавляется полная конструкция ".block.modificator.context", если базовый класс был добавлен раньше - то переносится под него.
  • Все классы .modificator .context (количество не ограничено) добавляются по отдельности, если еще не присутствуют в буфере.
• Если в HTML-документе выделить фрагмент и запустить плагин, то в буфер попадут только классы из выделенной области. Если выделения нет - классы берутся из всего документа.

Как использовать:

Скопировать стили в буфер обмена можно комбинацией клавиш shift+ctrl+alt+h

Планы на новые версии:

• v1.0.0 - добавить индентацию в зависимости от вложенности элементов
• v2.0.0 - добавить настройки внешнего вида получаемого CSS

Приятной работы, коллеги! С уважением, @kakRostropovich