css.md

Оформление CSS кода

Часть правил оформления будет проверена автоматически,
на остальные обратят внимание менторы во время ручной проверки.

Ознакомиться с механизмом вы можете на демонстрационной задаче:
https://github.com/urfu-2016/demo-task-2

Правила для автоматической проверки

Когда вы отправляет пулл-реквест, ваш код автоматически проходит проверку
на соответствие этим правилам при помощи специального анализатора кода – stylelint.

В случае, если проверка не прошла внизу пулла вы увидите:

Обратите внимание на ссылку «details», перейдя по ней, вы сможет найти ошибки:

Stylelint подскажет в каких файлах и на какой строке произошла ошибка,
а так же какое именно правило было нарушено. В данном примере «block-no-empty».

Весь список правил можно изучить по ссылке: http://stylelint.io/user-guide/rules/

Если код удволетворяет всем правилам, вы увидите:

Вы можете не ждать автоматической проверки и всегда проверить код вручную,
выполнив локально команду npm i && npm run lint

Называйте классовые селекторы осмысленно

/* Плохо */
.a,
.foo,
.red
{}

/* Хорошо */
.logo,
.username
{}

.post__title
{}