XF 2.1 Cинтаксис font awesome duotone в xf

[Nexrom]

Всем привет друзья! Возник такой вопрос, иконки вроде есть в дистрибутиве, а вот как ими пользоваться, точнее как применять - для меня загадка, подскажите как устанавливать цвет 1, цвет 2 если например добавлять иконку таким способом

&:before{
    .m-faBase(Duotone);
    .m-faContent(@fa-var-drone);
}

, мануал с оф.сайта fontawesome.io не помогает, ну то есть не срабатывает css.

 

[Skaiman]

ты ж сделал мануал Значки форумов Font Awesome Duotone
так то по синтаксису смотри шаблон core_fa.less и исходя из твоего же мануала:

.node-body .node-icon i {
    font-family: 'Font Awesome 5 Duotone';
    font-weight: 900;
    font-style: normal;
    position: relative;
    &:before {
        position: absolute;
        font-family: inherit;
        font-weight: inherit;       
        color: var(--fa-primary-color,inherit);
        opacity: var(--fa-primary-opacity,1);
        .m-faContent(@fa-var-comments);
        .node--link & {
            .m-faContent(@fa-var-link);
        }
        .node--page & {
            .m-faContent(@fa-var-file-alt);
        }
    }
    &:after {
        color: var(--fa-secondary-color,inherit);
        opacity: var(--fa-secondary-opacity,.4);
        .m-faContent("\10f086");
        .node--link & {
            .m-faContent("\10f0c1");
        }
        .node--page & {
            .m-faContent("\10f15c");
        }
    }
}

 

[Nexrom]

Skaiman, это не то, вот смотри - если просто взять дистрибутив fontawesome и подключить к сайту - всё намного проще, можно обойтись двумя строчками кода

i {
--fa-primary-color: gold;
--fa-secondary-color: limegreen;
}

А это - я извиняюсь за выражение - геморрой
По этому я и спрашиваю - может есть какой-то мануал по синтаксису

Skaiman, и да, зачем по сто раз прописывать content, если в core_fa.less всё это прописано?

 

[Skaiman]

если просто взять дистрибутив fontawesome и подключить к сайту

он уже подключен

А это - я извиняюсь за выражение - геморрой

с иконками Duotone в css/less без этого геморроя пока нет, может позже сделают, но она состоит из двух частей, которые надо указывать или проще в шаблоне <i class="fad fa-search"></i> тогда и по докам с их оф сайта

зачем по сто раз прописывать content, если в core_fa.less всё это прописано?

там прописано подключение и переменные для использования

 

[Nexrom]

Skaiman, это очевидно!
И тем не менее все коды для content прописаны там,
Значит остается добавить только цвет, но как? Как добавить цвет ко второй части иконки если вставлять иконки с помощью переменных sass

 

[Skaiman]

Как добавить цвет ко второй части иконки если вставлять иконки с помощью переменных sass

нет здесь sass, здесь less, так то изучай, смотри, пробуй :)

 

[Nexrom]

Skaiman, ну как знаю так пишу, помню, что когда сталкивался с компилятором sass - там так же в scss используются переменные, здесь (скорее всего) тоже самое, только втроенный компилятор.

А по теме - Вот и создай тему в тех.поддержке - "изучай, пробуй".
Не правильно это, всё равно что "Лексус у бабушки в деревне" - он там стоит, но никто на нём не ездиет - точ в точ как duotone

 

[Skaiman]

А по теме - Вот и создай тему в тех.поддержке - "изучай, пробуй".

Да на тебя и так все здесь трудятся :) еще и не доволен, обучать less тебя здесь ни кто не будет, соответственно и дан был ответ :)