• Packages
  • Themes
  • Documentation
  • Blog
  • Discuss
Sign in

css-from-html

Custom get CSS-classes from HTML
kakRostropovich
0.1.5 15,279
7
  • Repo
  • Bugs
  • Versions
  • License
Flag as spam or malicious

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

I think this package is bad news.

Good catch. Let us know what about this package looks wrong to you, and we'll investigate right away.

  • Terms of Use
  • Privacy
  • Code of Conduct
  • Releases
  • FAQ
  • Contact
with by