Comments 13
Эти отступы между свойствами только путают, достаточно простой группировки в определённом порядке, который принят в команде, чтобы проблем с читаемостью не было.
Думаю, ни для кого не секрет, что в CSS-файлах число строк может пробивать отметку в 1000.
Достаточно разбить на отдельные файлы.
Отступы - великая вещь. Я использую для отделения css-правил поблочно, теперь когда в обычном CSS появилась вложенность (наконец родили), правила уже с этим смотрятся сильно лучше. Приводить ли отступ в строку внутрь правил?! Субъективно, мне кажется. Все новшества требуют времени на обкатку, как вино или правки, открыли, должно подышать
я точно не помню, но вроде существует правильный порядок по которому браузер принимает css. Display будет более приоритетным, чем background к примеру. То есть в команде это можно решить линтером stylelint-order, можете написать свой пресет и включать форматирование. ИМХО кому как удобнее. Вот только если будете писать не забудьте про утилитарные классы и @apply, ведь сейчас бэм используется уже реже, как и написание через style
CSS modules.
Пожалуйста потратьте время на изучение CSS Modules и вам никогда больше в жизни не понадобится вручную заниматься менеджментом имен в CSS проекта. Что вы там используете в модуле - остается в модуле. Короткие понятные нейминги классов. Композиция и переиспользование.
Для комбинирования и плавного перехода с легаси - CSS modules можно применять кусочками (что логично от модульной системы), сохраняя общую систему общих стилей.
Идея "Факторов" реализована в stylelint плагине - https://github.com/kutsan/stylelint-config-clean-order, запускается одной командой, форматирует сразу все файлы стилей.
Выглядит, как будто можно просто настроить order для свойств в stylelint, чтобы писать их в нужном порядке. В чем методология?
Касаемо отделения адаптива в отдельный блок. После появления вложенности начал писать медиа квери внутри селекторов. Лично мне кажется так удобнее и читабельнее — сразу видно, как будет выглядеть элемент на разных брейкпоинтах. Раньше очень утомляло скроллить вниз файла.
Сомнительно, как мне кажется, делить файл предложенным образом. Если я меняю стили какого-то блока (по BEM), то мне намного предпочтительнее иметь и основные стили, и адаптив, и анимации в одном месте, а не прыгать по файлу туда-сюда. Да и по файлам разбивать намного удобнее по фичам/частям интерфейса, а не по аспектам.
P.S. Для человека, который так переживает за глаза senior'а, слишком пренебрежительное отношение к глазам читателя статьи: тонны опечаток и пунктуационных ошибок.
Последний пример - это список ol с вложенными li. У Вас куча лишних элементов.
Factor and Block CSS — методология CSS