Значки форумов Font Awesome Duotone

Значки форумов Font Awesome Duotone

Nexrom

Заблокирован
Сообщения
229
Решения
1
Реакции
51
Баллы
85
Nexrom добавил(а) новый ресурс:

Значки форумов Font Awesome Duotone - Заменяем обычные значки форумов на duotone

Нашёл на забугорном форуме
Делаем значки форумов duotone посредством добавления css кода в extra.less
CSS:
.node-body .node-icon i
{
    font-family: 'Font Awesome 5 Duotone';
    font-style: normal;
    font-weight: 900;
    position: relative;
    &:before
    {
        position: absolute;
        font-family: inherit;
        font-weight: inherit;
        color: xf-intensify(@xf-paletteAccent1, 15%);
        content: "\f086";
        .node--link & { content: "\f0c1"; }...

Узнать больше об этом ресурсе...
 
Я, тоже внесу свою лепту :)
Нашёл где-то

Код:
.node-icons (@node-id; @fa-uid; @color: true; @fa-size: tru) {
    .node--id@{node-id} {
        .node-icon i {
            & when (isnumber(@fa-size)) {
                font-size: @fa-size;
            }
            &:before {
                color: @xf-nodeIconReadColor;
                text-shadow: 1px 1px 0.5px fade(xf-intensify(@xf-nodeIconReadColor, 50%), 50%);
                .node--read&    {
                    & when (iscolor(@color)) {
                        opacity: 1;
                        color: @color;
                        text-shadow: 1px 1px 0.5px fade(xf-intensify(@color, 50%), 50%);
                    }
                }

                .node--forum&,
                .node--category& {
                    content:"\@{fa-uid}";
                }
                .node--page& {
                    content:"\@{fa-uid}";
                }
                .node--link& {
                    content:"\@{fa-uid}";
                }
            }
        }
    }
}


.node-icons (20, f1ea, DarkGreen);
20, f1ea, DarkGreen(id раздела, юникод иконки, цвет иконки)
 
Я, тоже внесу свою лепту :)
Нашёл где-то

Код:
.node-icons (@node-id; @fa-uid; @color: true; @fa-size: tru) {
    .node--id@{node-id} {
        .node-icon i {
            & when (isnumber(@fa-size)) {
                font-size: @fa-size;
            }
            &:before {
                color: @xf-nodeIconReadColor;
                text-shadow: 1px 1px 0.5px fade(xf-intensify(@xf-nodeIconReadColor, 50%), 50%);
                .node--read&    {
                    & when (iscolor(@color)) {
                        opacity: 1;
                        color: @color;
                        text-shadow: 1px 1px 0.5px fade(xf-intensify(@color, 50%), 50%);
                    }
                }

                .node--forum&,
                .node--category& {
                    content:"\@{fa-uid}";
                }
                .node--page& {
                    content:"\@{fa-uid}";
                }
                .node--link& {
                    content:"\@{fa-uid}";
                }
            }
        }
    }
}


.node-icons (20, f1ea, DarkGreen);
20, f1ea, DarkGreen(id раздела, юникод иконки, цвет иконки)
Как этот код связан со шрифтом Duotone?
 
Современный облачный хостинг провайдер | Aéza
Назад
Сверху Снизу