Добавляем FontAwesome на баннеры!

[Esil]

Проблема не в длине кода, а в стиле самой иконки, стилей пять, а здесь как я понял то ли regular, то ли light

 

[West14]

Здесь проблема в том, что нельзя использовать что то конкретно, solid, regular, light, duotone

о нет, разработчики глупые и ничего не предусмотрели

.m-faBase('Pro', @faWeight-light);
.m-faBase('Pro', @faWeight-regular);
.m-faBase('Pro', @faWeight-solid);

.m-faBase('Brands');

С дуотон иконками вообще отдельная история. Удобно с ними жить наверное можно только в 2.3, если использовать движковые миксины. Код ниже исключительно под 2.3.

.m-faIcon(@fa-var-duotone-comments);

Красить при этом отдельно слои тривиально не получается.
До 2.3 их лучше в целом вставлять через разметку, что для баннеров не подходит, увы.

.m-faBase() в 2.3 не нужен, он не делает ничего. При этом если делается универсальный сниппет кода под разные версии, то его нужно оставлять.

Проблема не в длине кода

а про длину кода речи и не было, тут вопрос в его переносимости
используя движковые миксины вы получаете совместимость на три последние ветки автоматически (с поправками на разные версии FA), без необходимости делать код отдельно под 2.2 и 2.3
ещё проще - если кто-то использует ваш код на 2.2 и решить обновится на 2.3, у него не отвалятся баннеры после обноления
а это круто, на одну заботу меньше

 

[Esil]

West14, Посмотрел, проверил, на 2.3 немного код отличается от 2.2, а именно:
на 2.2 код восклицательного знака (exclamation) в стиле solid таков:

.m-faBase('Pro', @faWeight-solid);
.m-faContent(@fa-var-exclamation);

на 2.3 другой:

.m-faContent(@fa-var-solid-exclamation);

если кто-то использует ваш код на 2.2 и решить обновится на 2.3, у него не отвалятся баннеры после обноления

Так что, это, не совсем, код все равно придется чуть чуть менять
Но код я щас изменю

 

[West14]

Esil, отвалится только солид стиль, при этом иконка останется на месте. Это всё ещё лучше чем полный отвал иконок которые были вставлены руками через шрифт. Graceful degradation :)

 

[Esil]

West14, Кстати, а в 2.2 же дуотон отдельным стилем? (.m-faBase('Duotone'))

 

[Esil]

Esil обновил(а) ресурс Добавляем FontAwesome на баннеры! новой записью:

Изменение кода

Весь ресурс был изменен, от и до.

Узнать больше об этом обновлении...

 

[dimka1510]

Код для иконок есть, а куда его писать чтобы он выводил нужные иконки именно на баннерах - никто не сказал. Отсюда у рядового пользователя движка скорее всего возникнет куча вопросов:
1. Это всё нужно прописывать прямо в шаблон "как есть" в самый конец, дописывать к каким-то определённым классам или создавать свои?
2. Если первое, то почему "не работает, хотя дописал эти строки в конце файла, а на баннерах ничего не появилось"? И на каких баннерах вообще должны появиться иконки?
3. Если второе, то как правильно это делать и каким классам это дописывать?
4. Если третье, то как вывести свои "самодельные" баннеры с иконками вместо стандартных?
5. Не сломается ли разметка (иконка ниже/выше текста, пропал текст, квадратик вместо иконки и т.д.) баннеров при дописывании этого кода?

Как минимум два мануала по этой теме уже есть, где всё уже разжёвано:

У Вас недостаточно прав для просмотра ссылок. Вход или Регистрация

У Вас недостаточно прав для просмотра ссылок. Вход или Регистрация