Less для добавления или замены иконок Font Awesome у кнопок управления сообщением

Less для добавления или замены иконок Font Awesome у кнопок управления сообщением

Less:
.message-button-id(@buttonId; @fa-uid; @color: false) {
    .actionBar-action {
        &--@{buttonId}:before {
            margin-right: 3px;
            & when (iscolor(@color)) {
                color: @color;
            }

            .actionBar-set & {
                content: "\@{fa-uid}";
            }
        }
    }

    [data-menu-builder="actionBar"] {
        .menu-content {
            .menu-linkRow {
                &:before {
                    .m-faBase();
                    margin: 0 3px 0 -6px;
                }

                &[href$="/@{buttonId}"] {
                    .m-faBefore("\@{fa-uid}");
                    & when (iscolor(@color)) {
                        color: @color;
                    }
                }
            }
        }
    }
}

// Кастомные иконки Font Awesome для кнопок
.message-button-id(edit, f040, red);
.message-button-id(report, f071);
.message-button-id(ip, f002);
.message-button-id(delete, f00d);
.message-button-id(warn, f12a);
.message-button-id(history, f1da);
// Пример замены иконки для мультицитирования
.message-button-id(mq, f10e);
// Здесь код иконок Font Awesome для кнопок, каждый с новой строки
Назад
Сверху Снизу