Frontend CC - LernaProject/Lerna GitHub Wiki

Соглашения по написанию HTML/CSS/JS кода

HTML и код в шаблонах

  • Теги шаблонов подчиняются тем же правилам, что и html-теги.
  • Максимально допустимая длина строки - 120 символов.
  • Отступы выполняются пробелами. Ширина отступа - 2 пробела.
  • Логические блоки кода допустимо разделять между собой одной пустой строкой. Теги первого уровня могут разделяться двумя строками.
  • Если закрывающий тег не помещается на строку открывающего, он должен быть перенесён на новую строку с тем же отступом, что и открывающий, всё содержимое между ними также переносится на новую строку и смещается на дополнительный отступ.
  • Если открывающий тег не помещается в строку, его параметры могут быть перенесены на новую строку, и выровнены по первому параметру.
  • Тэги <html>, <!DOCTYPE>, <head> и <body> не смещаются с помощью отступов.
  • В одинарном теге пробелы между последним аргументом, / и > не ставятся.
  • Код пишется в нижнем регистре.
  • Классы проекта в списке class= указываются в последнюю очередь.

CSS и SCSS

  • Максимально допустимая длина строки - 120 символов.
  • Отступы выполняются пробелами. Ширина отступа - 2 пробела.
  • Именование подчиняется bem: block-name__element-name--mod-name-mod-value. Это правило распространяется только на имена классов проекта.
  • Имена блоков в проекте должны начинаться с префикса lerna-.
  • Объявления блоков и элементов могут отделяться друг от друга пустыми строками. Блоки первого уровня могут разделяться двумя пустыми строками.
  • Объявление свойств в классе начинается без пустой строки перед ними, открывающая скобка на строке с селектором. Если порядок не важен, свойства должны быть упорядочены по алфавиту.
  • Объявление стилей вложенного блока должно идти после собственных свойств блока и может отделяться от них пустой строкой.
⚠️ **GitHub.com Fallback** ⚠️