IE11 не видит классы начинающиеся с «--». Как исправить?

Question

[kostyasurkin]

Добрый день. Использую Sass + БЭМ. Модификаторы делаю контекстно зависимыми, например
<p class = "title --size_big">
Этот же самый модификатор "--size_big" может у другого блока/элемента менять свойства по другому. Уже привык к этому, не нужно тащить портянку из названия блока/элемента.

Вопрос - IE11 не видит классы начинающиеся с двойного тире, в хроме все ок. Как исправить? Заменить двойное тире на другой символ?

Comments

[Шохрух Шаймардонов]

Заменить двойное тире на другой символ?

Если это решит проблему. Чего бы нет

Answer 1

[Сергей delphinpro]

Двойной дефис используется в кастомных свойствах (css-переменных)
Крайне не рекомендуется использовать классы, начинающиеся с двойного дефиса.

ЗЫ.
Почему бы не использовать БЭМ по-человечески, как все?

<p class = "title title_size_big">
</p>

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

Comments

[Алексей Ярков]

Уже привык к этому, не нужно тащить портянку из названия блока/элемента

Лень же )) И привычка

[Сергей delphinpro]

Алексей Ярков, Да ну. Это не отмазка. Есть соглашения об именовании, своего рода стандарты.
Если привык писать "неправильно", надо отвыкать.

[Сергей delphinpro]

К тому же, emmet прекрасно отрабатывает на конструкциях

p.title_size_big[tab] => <p class = "title title_size_big"></p>

[profesor08]

Сергей delphinpro, с БЕМ каждый пишет как хочет, каждый придумывает что хочет. Кто-то пишет так `title title_size_big`, кто-то пишет так `title title__size--big`, а кто-то использует `styled-components` и не парится.

[Realetive]

profesor08, c БЕМ — да, но тут речь про БЭМ: https://ru.bem.info/methodology/naming-convention/

[Сергей delphinpro]

profesor08,

Есть соглашения об именовании, своего рода стандарты.

Я для чего это написал?
В том-то и дело, что некоторые пишут как им нравится, вместо того, чтобы придерживаться рекомендаций.

[Сергей delphinpro]

profesor08, какой пример?