Как задать позиционирование для текстовых блоков по БЭМ?

Question

[avr1972]

Есть два одинаковых текстовых блока .text Оба блока имеют родительский блок .sait Понятно, что позиционирование для них задается через .sait__text Но проблема, один блок должен распологаться справа, а другой слева. Подскажите пожалуйста, как правильно по БЭМ задать правое и левое позиционирование? Ведь .sait__text один.

Comments

[Ярослав Иванов]

Как вы читаете документацию ? Вверх ногами ? Модификаторы для кого придумали

[avr1972]

Ярослав Иванов, Т.е через модификатор блока text?

Answer 1

[dm]

<div class="sait">
    <div class="sait__text sait__text--one">left</div>
    <div class="sait__text sait__text--two">right</div>
</div>

.sait {
     display: flex;
     flex-direction: row;
     justify-content: space-between;
}

Comments

[sergski]

лучше так:
sait__text_left
sait__text_right

[Realetive]

sergski, avr1972, тогда уж `sait__text_position_left` и `sait__text_position_right` (даже `sait__text_position_start` и `sait__text_position_end`, если учитываете rtl-языки), потому что без неймспейса есть вероятность, что оба эти модификатора могут быть на одном ДОМ-узле:

<div class="sait">
    <div class="text sait__text sait__text_position_left">left</div>
    <div class="text sait__text sait__text_position_center">left</div>
    <div class="text sait__text sait__text_position_right">right</div>
</div>