What is the correct name for the BEM modifier?

Question

Layout

There is a markup like this:

<li class="reviews-list__item">
        <blockquote class="reviews-list__review">
          <cite class="reviews-list__name">Мария</cite>
          <p class="reviews-list__comment">В частности, начало повседневной работы по формированию позиции выявляет срочную потребность форм воздействия. Современные технологии достигли такого уровня, что сплочённость команды профессионалов влечет за собой процесс внедрения</p>
          <p class="rating rating--5 reviews-list__rating">
            <span class="visually-hidden">Оценка 5</span>
          </p>
        </blockquote>
    </li>

This is a store review. Also, there are product reviews that look very similar, minus the fact that the font sizes of the elements there are smaller. So how to choose the right modifiers for such cases? --small is a bad modifier. The best that comes to mind is --product. But it seems like the modifier should reflect the essence of the modification ... The head explodes. Help!

Answer 1

Key-value
block_ size_small
block__element_ size_small
In this case, we have a size modifier , and its value can be small, large, etc.