Иногда это оправданно, если нужно быстро и дальше меняться будет не сильно. Иногда надо потратить больше времени, чтобы сделать более независимо

есть например кнопка с текстом и иконкой
.button
 background-color: #cccccc;
.button__icon
 margin-right: 5px
 background-image: url(...)

<button class="button">
 <span class="button__icon"></span> Текст
</button>


А теперь что если иконка будет меняться
сделать модификаторы
.button__icon--apple
.button__icon--cucumber
И к каждому поставить свою картинку, а у .button__icon убрать

Но тогда у базовой иконки не будет картинки вообще, тк нет надобности в базовой картинке, нормально ли так делать, не получается ли что элемент щавязан на своих модификаторах?

Это нормально. В крайнем случае можно указать «иконку по умолчанию», если нет модификатора. + иконкой может быть произвольная img-картинка

а вот на счёт модификаторов, нормально такие модификаторы использовать как у меня? или модификатор должен быть или булевым (типа размера, видимости и т д), либо же ключ-значение?

В данном случае должно быть ключ-значение. Иначе можно одновременно навесить apple и cucumber

можно в БЭМ для DRY написать так?

А где тут БЭМ?

Не суть в том чтоб сделать шаблон (stule-1) и (style-2) и его встаалять в блоки

Если по БЭМ, то тут напрашивается

<style>
.font {}

.font_style_uppercase {}

.font_style_oher {}
</style>

<div class="content font">
  <div class="content__text1 font font_style_uppercase"></div>
  <div class="content__text2"></div>
</div>

Можно. Это будет неудобно рефакторить из-за проникновения этих стилей везде и глобальной зависимости от них. Поэтому лучше писать для каждого блока собственные стили если есть такая возможность

Этот вопрос задаётся здесь слишком часто. Предлагаю сделать в документации FAQ с ответом на самые популярные вопросы.

Что бы я, новичек в БЭМ, прочитал документацию, у меня появился такой вопрос, я зашел в FAQ и увидел там пункт "А можно по БЭМ примиксовывать к блокам бутстрап? У этого подхода есть какие-то недостатки?" и всё понял

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

Если это слишком конкретный вопрос и не подходит по формату, значит нужно добавить отдельную страницу с таким форматом вопросов

давайте без политики тут - не нужно пустых лозунгов для возбуждения не нужных эмоций
все должны соблюдать закон
тут обсуждаются технические вопросы а не политика

Мой ответ был про то, что FAQ есть, нужно в него добавить этот вопрос.

@tadatuta добавите?

А вот уровни переопределения это же не только о библиотеке, в которой ты переопределяешь что тебе нужно в твоем проекте?
То есть у меня же может вот в проекте быть какие-то общие стили и отдельно вместо медиа запросов, чтобы клиенту не грузилось все.
Типа у меня есть css для компа, а если ты заходишь с мобилки тос помощью уровней переопределения у меня они переопределяются для мобилки.
Или лучше как?
Или же у меня есть какие-то темы разные на сайте и чтобы не грузить сразу все, а только одну, я уровнями переопределения загружать базу + выбранную пользователем тему и так далее.
Верно или не совсем?

Всё верно

Уровни можно наслаивать всегда, когда надо идти от общего к частному

Да, но вот ситуация с адаптивностью, например.
Как это реализовать?
Грузить какой-то основной код + код для широких экранов или основной код + код для мобилок. Или же для широких экранов взять за основу и для мобилок с помощью уровней переопределения брать его + код для мобилок.