É normal ter classes grandes usando a metodologia BEM?

Front-end
, ,
#1

Estou estudando técnicas para organizar o código CSS e estou tentando aplica-las. Após ler um pouco sobre BEM cheguei no seguinte código onde a ideia é ter uma lista de empregos como na imagem abaixo.

Considerei a ul como um block, cada item da ul um element e dentro de cada li considei mais elementos. O que acharam deste código? Está errado segundo os princípios de ben? Ou é verboso assim mesmo?

 <ul class="jobs">
    <a href="#">
      <li class="jobs__item">
        <div class="jobs__item__image">
          <img src="assets/images/twitter.jpg" alt="Twitter">
        </div>
        <div class="jobs__item__info">
          <h2 class="jobs__item__info__title">UX Design</h2>
          <span class="jobs__item_info__description">Twitter | San Francisco | Jan 1st</span>
        </div>
        <div class="jobs__item__type jobs__item__type--fulltime">
          Full Time
        </div>
      </li>
    </a>
  </ul>
#2

Se nao me engano (nao achei a referencia onde li isso), qdo tem cadeia de classes, vc nao vai encadeando assim (jobs__item__info__title), vc pega apenas a classe pai de todas, ficando job__title

1 curtida