Variation on BEM

gistfile1.html

<div class="b-block">
  <div class="block__before">
  <div class="b-text b-text--smaller">
    <p></p>
    <p></p>
    <div class="text__incut">	
      <p></p>
    </div>
    <p></p>
  </div>
  <div class="block__after">
</div>

Так надо быть последовательным в нейминге. От префикса b- можно полностью отказаться, если вся разметка делается вручную. Не вижу смысла оставлять его не блоке и убирать на элементах и модификаторах.

Чтобы цеплялся глаз за блоки, корневому элементу каждого блока можно назначать дополнительный класс b. С точки зрения БЭМ, на одном элементе могут размещаться несколько блоков (clearfix, hidden и прочие утилитарные классы назначаются элементам именно по этому принципу). Пусть будет ещё один маркер, который поможет ориентироваться в разметке. К тому же он не увеличит количество байт и нажатий на кнопки, если это тебе важно.

<div class="b block">
  <div class="block__before">
  <div class="b text text--smaller">
    <p></p>
    <p></p>
    <div class="text__incut">   
      <p></p>
    </div>
    <p></p>
  </div>
  <div class="block__after">
</div>

Не очень понимаю, зачем нужно обозначать как-то корень блока — никогда не страдал из-за этого. Да и это затруднило бы использование препроцессоров:

.block {
    ...
    &__elem {
       ...
    }
}