Это нормально для большинства случаев, за исключением некоторых частей, таких как testimonials--increase-shadow
и testimonials--scale
.
Давайте быстро рассмотрим БЭМ;
Блок:
Ссылаясь на официальную документацию, Блок инкапсулирует автономную сущность, которая являетсязначимый сам по себе, в вашем случае testimonials
.
Элемент:
И элементы являются частями блока и не имеют самостоятельного значения, в вашем случае testimonials__image-wrapper
.
Модификатор:
Флаги на блоках или элементах для изменения внешнего вида, поведения или состояния, в вашем случае headline--black
.
Исходя из этого, если вы хотите масштабировать и добавлять тень к своему элементу, вы можете определить его как один вариант (модификатор).Но то, что вы делаете, это скорее атомарный подход - создание вспомогательных классов и добавление их в качестве варианта.
Обоснование:
Даже если testimonials--scale
может считаться модификатором, но я полагаю, вы просто добавляете масштаб в свой отзыви это вспомогательный класс.Если вы назовете его так, вы ограничитесь тем, чтобы использовать его только для блока свидетельства, что уменьшает возможность повторного использования.
Если вам нужен вспомогательный класс, просто назовите его глобально, как scale-up
.Поскольку вспомогательные классы действительно не считаются модификаторами.Хорошим примером модификатора могут быть heading
и heading--second
, где заголовок-секунда может иметь меньший шрифт и разную высоту строки и, возможно, другой цвет.Но просто сделать это heading--small-font
или heading--green
только сделает вашу жизнь сложнее.
Попробуйте преобразовать модификатор в более многократно используемый класс .
Для более подробного прочтения, проверьте это