Less для кастомных иконок форумов (категорий), страниц, ссылок

Less для кастомных иконок форумов (категорий), страниц, ссылок

Less:
.node-icons (@node-id; @fa-uid; @color: false; @fa-type: false; @fa-size: false) {
    .node--id@{node-id} {
        .node-icon i {
            & when (isnumber(@fa-size)) {
                font-size: @fa-size;
            }
            &:before {
                & when (@fa-type = false) {
                    .m-faBase();
                }
                & when (@fa-type = Brands) {
                    .m-faBase('Brands');
                }
                & when (iscolor(@color)) {
                    color: @color;
                }
                text-shadow: 1px 1px 0.5px fade(xf-intensify(@xf-nodeIconReadColor, 50%), 50%);
                .node--unread&    {
                    & 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}";
                }
            }
        }
    }
}

// Кастомные иконки Font Awesome для разделов
.node-icons (90; e07e; green; Brands);
// Здесь код иконок Font Awesome для разделов, каждый с новой строки

Это то что нужно, огромное спасибо
 
Последнее редактирование модератором:
1642807035627.png
што за ересь((


Less:
.node-icons (@node-id; @fa-uid; @color: false; @fa-type: false; @fa-size: false) {
    .node--id@{node-id} {
        .node-icon i {
            & when (isnumber(@fa-size)) {
                font-size: @fa-size;
            }
            &:before {
                & when (@fa-type = false) {
                    .m-faBase();
                }
                & when (@fa-type = Brands) {
                    .m-faBase('Brands');
                }
                color: @xf-nodeIconReadColor;
                text-shadow: 1px 1px 0.5px fade(xf-intensify(@xf-nodeIconReadColor, 50%), 50%);
                .node--unread&    {
                    & 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}";
                }
            }
        }
    }
}

// Кастомные иконки Font Awesome для разделов
.node-icons (20; f179; green; Brands);
.node-icons (19; f13b; blue; Brands);
.node-icons (21; f03e; red);
.node-icons (22; f0c2; gold);
// Здесь код иконок Font Awesome для разделов, каждый с новой строки
 
Последнее редактирование модератором:
Посмотреть вложение 135413
што за ересь((


Less:
.node-icons (@node-id; @fa-uid; @color: false; @fa-type: false; @fa-size: false) {
    .node--id@{node-id} {
        .node-icon i {
            & when (isnumber(@fa-size)) {
                font-size: @fa-size;
            }
            &:before {
                & when (@fa-type = false) {
                    .m-faBase();
                }
                & when (@fa-type = Brands) {
                    .m-faBase('Brands');
                }
                color: @xf-nodeIconReadColor;
                text-shadow: 1px 1px 0.5px fade(xf-intensify(@xf-nodeIconReadColor, 50%), 50%);
                .node--unread&    {
                    & 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}";
                }
            }
        }
    }
}

// Кастомные иконки Font Awesome для разделов
.node-icons (20; f179; green; Brands);
.node-icons (19; f13b; blue; Brands);
.node-icons (21; f03e; red);
.node-icons (22; f0c2; gold);
// Здесь код иконок Font Awesome для разделов, каждый с новой строки
В стиле стоят материал иконки, а вы пытаетесь добавить фонтавесом. В настройках стиля есть пункт для переключения на фонтавесом, переключитесь и всё будет как надо работать.
 
добавьте less для подузлов subNodeLink-icon
 
Современный облачный хостинг провайдер | Aéza
Назад
Сверху Снизу