Привет. Имеются две одинаковых навигации по смыслу, но с некоторыми отличиями во внешнем виде, поэтому планирую использовать модификаторы с разными темами. Но по идеи привязать название к цвету или к расположению бессмысленно, так как эти параметры могут поменяться. Как лучше всего назвать темы для этих модификаторов? За какой смысл цепляться? И стоит ли модификаторы давать на каждый элемент или можно просто дать на контейнер и наследовать через CSS? Буду благодарен за ответы
Пример моего HTML для этих навигаций:
<ul class="navigation-list navigation-list_theme-1">
<li class="navigation-list__item navigation-list__item_theme-1">
<a class="navigation-list__link navigation-list__link_theme-1">Пункт 1</a>
</li>
</ul>
<ul class="navigation-list navigation-list_theme-2">
<li class="navigation-list__item navigation-list__item_theme-2">
<a class="navigation-list__link navigation-list__link_theme-2">Пункт 1</a>
</li>
</ul>
Скрин внешнего вида:
1) Для бокового меню:
navigation-list_theme_light
, для верхнего —navigation-list_theme_dark
.Смысла тут нет, просто такой дизайн (судя по предоставленной информации).
P. S. Можно для всех блоков, что «лежат» на тёмном фоне задавать
*_theme_dark
, а на светлом —*_theme_light
.2) В случае темы — не стоит, т. к. тема не меняется от элемента к элементу.