Skip to content

Simple way to get a list of CSS-classes from HTML-document in Atom.io

License

Notifications You must be signed in to change notification settings

kakRostropovich/atom-css-from-html

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

23 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

apm apm

Atom package: CSS from HTML

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

About

Simple way to get a list of CSS-classes from HTML-document in Atom.io

Resources

License

Stars

Watchers

Forks

Packages

No packages published