.hide

Этот класс оставлен для совместимости с беком. У него простой код:

.hide {
    display: none;
}
            

В вёрстке больше не используются.

На беке тоже не рекомендую использовать, как и прочие подобные "глобальные" классы типа active, selected и т.д. Были конфликты, когда в вёрстке был старый компонента hide и в вёрстке и на беке.

Если нужно скрыть что-то классом, то пишем не:

    <div class="cart__discount hide">...<div>

а:

    <div class="cart__discount cart__discount_hide">...<div>

включая в hide имя того, что хотим скрыть. В БЭМе это называется модификатором и модификатор должен знать, что он модифицирует.








Старый вёрсточный компонент .hide работал с четырьмя модификаторами:


.hide_mobile
.hide_small-tablet
.hide_large-tablet
.hide_desktop

Обычно скрывал <br>`ы и прочее текстовое форматирование.

Сейчас переделано на четыре автономных компонента:
.hide-on-smartphone
.hide-on-small-tablet
.hide-on-large-tablet
.hide-on-desktop