Сильно зависит не только от методологии, но и от самого проекта (на мой взгляд).
Для проекта на битриксе, где просто html, будет одна структура css.
Для проекта, где используется шаблонизатор (по типу twig) будет совершенно другая структура css (кстати, ваш пример, снова же на мой взгляд, напоминает именно этот вариант).
Для проекта на React будет уже третья структура. А есть еще стилизованные элементы, там как быть?
В общем, однозначного ответа тут быть и не может.
Одних только методологий несколько штук.
p.s. Конвенций нет. Делайте, чтобы работало хорошо и чтобы остальная команда понимала написанное )