stylelint-config-htmlacademy
stylelint-config-htmlacademy copied to clipboard
ограничить сложность селекторов
включить правила selector-max-*
мотивация - для поддержки новых требований к разметке контролов мы увеличили значение selector-max-compound-selectors до 3. при этом критерий просит ограничивать сложность до 2. возможным решением может быть ужесточение других параметров селекторов:
- selector-max-type до 1 чтобы не привязываться к структуре тегов
- selector-max-universal до 1 т.к. мы не используем универсальные паттерны и критерий их запрещает. если запретить универсальный селектор совсем, то мы не сможем менять box-sizing, а правило такие исключения не умеет
- selector-max-combinators: 2, в наших проектах я не нашел кейсов в которых нужно больше комбинаторов
- selector-max-attribute: 2, один для типа инпута и один для disabled
- selector-max-class: 2, в наших проектах я не нашел кейсов в которых нужно больше классов в селекторе
возможные проблемы - стилизация текстового контента, например список ссылок
отдельно включить правило selector-no-qualifying-type чтобы запретить селекторы типа a.button
с той же целью