XF 2.1 FontAwesome отображение иконок

Статус
В этой теме нельзя размещать новые ответы.
Версия XenForo
2.1

wNull

Проверенные
Сообщения
56
Реакции
10
Баллы
705
Вот код для префиксов

Код:
$0
.labelTextShadow(@shadow: 0 0 0, @color: transparent) {
    text-shadow: @shadow @color;
}

.label {
    font-size: 85%;
    text-transform: uppercase;
    font-weight: 500;

    .structItem-title & {
        font-weight: 700;
    }
 
    &:before {
           .m-faBase();
            padding-right: 5px;
        }
 
    &.label--hidden {
        font-size: 85%;
    }

&.label--rd {
        .m-labelVariation(rgb(220,20,60), transparent, transparent);
        .m-faBefore(@fa-var-exclamation-circle);
        .labelTextShadow();
         padding-left: 28px;
    }

 
    &.label--red {
        .m-labelVariation(rgb(231,76,60), transparent, transparent);
        .m-faBefore(@fa-var-bomb);
        .labelTextShadow();
         padding-left: 28px;
    }

    &.label--green {
        .m-labelVariation(rgb(22,160,133), transparent, transparent);
        .m-faBefore(@fa-var-check-circle);
        .labelTextShadow();
          padding-left: 30px;
    }

    &.label--olive {
        .m-labelVariation(rgb(39,174,96), transparent, transparent);
        .m-faBefore(@fa-var-question-circle);
        .labelTextShadow();
         padding-left: 30px;
    }

    &.label--lightGreen {
        .m-labelVariation(rgb(46,204,113), transparent, transparent);
        .m-faBefore(@fa-var-usd-circle);
        .labelTextShadow();
         padding-left: 30px;
    }

    &.label--blue {
        .m-labelVariation(rgb(41,128,185), transparent, transparent);
        .m-faBefore(@fa-var-upload);
        .labelTextShadow();
         padding-left: 30px;
    }

    &.label--royalBlue {
        .m-labelVariation(rgb(52,152,219), transparent, transparent);
        .m-faBefore(@fa-var-download);
        .labelTextShadow();
         padding-left: 30px;
    }

    &.label--skyBlue {
        .m-labelVariation(rgb(142,68,173), transparent, transparent);
        .m-faBefore(@fa-var-shopping-basket);
        .labelTextShadow();
         padding-left: 30px;
    }

    &.label--gray {
        .m-labelVariation(rgb(127,140,141), transparent, transparent);
        .m-faBefore(@fa-var-file-alt);
        .labelTextShadow();
         padding-left: 30px;
    }

    &.label--silver {
        .m-labelVariation(rgb(189,195,199), transparent, transparent);
        .m-faBefore(@fa-var-edit);
        .labelTextShadow();
         padding-left: 30px;
    }

    &.label--yellow {
        .m-labelVariation(rgb(241,196,15), transparent, transparent);
        .m-faBefore(@fa-var-bullhorn);
        .labelTextShadow();
         padding-left: 30px;
    }

    &.label--orange {
        .m-labelVariation(rgb(230,126,34), transparent, transparent);
        .m-faBefore(@fa-var-wallet);
        .labelTextShadow();
         padding-left: 30px;
    }

&.label--telegram {
        .m-labelVariation(rgb(70,130,180), transparent, transparent);
        .m-faBefore(@fa-var-paper-plane);
        .labelTextShadow();
         padding-left: 28px;
    }

&.label--top {
        .m-labelVariation(rgb(72,61,139), transparent, transparent);
        .m-faBefore(@fa-var-signal);
        .labelTextShadow();
         padding-left: 28px;
    }

&.label--seo1 {
        .m-labelVariation(rgb(46,149,87), transparent, transparent);
        .m-faBefore(@fa-var-search-plus);
        .labelTextShadow();
         padding-left: 28px;
    }
&.label--ferma {
        .m-labelVariation(rgb(60,179,113), transparent, transparent);
        .m-faBefore(@fa-var-tractor);
        .labelTextShadow();
         padding-left: 30px;
    }
&.label--script {
        .m-labelVariation(rgb(50,205,50), transparent, transparent);
        .m-faBefore(@fa-var-hashtag);
        .labelTextShadow();
         padding-left: 30px;
    }
&.label--games {
        .m-labelVariation(rgb(255,0,255), transparent, transparent);
        .m-faBefore(@fa-var-gamepad);
        .labelTextShadow();
         padding-left: 30px;
    }
&.label--images {
        .m-labelVariation(rgb(0,255,0), transparent, transparent);
        .m-faBefore(@fa-var-images);
        .labelTextShadow();
         padding-left: 30px;
    }

&.label--shrift {
        .m-labelVariation(rgb(255,69,0), transparent, transparent);
        .m-faBefore(@fa-var-text-height);
        .labelTextShadow();
         padding-left: 30px;
    }
&.label--srvc {
        .m-labelVariation(rgb(255,69,0), transparent, transparent);
        .m-faBefore(@fa-var-adjust);
        .labelTextShadow();
         padding-left: 30px;
    }
&.label--statat {
        .m-labelVariation(rgb(128,128,0), transparent, transparent);
        .m-faBefore(@fa-var-align-justify);
        .labelTextShadow();
         padding-left: 30px;
    }
&.label--vkcom {
        .m-labelVariation(rgb(75,0,180), transparent, transparent);
        .m-faBefore(@fa-var-chevron-right);
        .labelTextShadow();
         padding-left: 30px;
    }
&.label--slito {
        .m-labelVariation(rgb(184,134,11), transparent, transparent);
        .m-faBefore(@fa-var-arrows);
        .labelTextShadow();
         padding-left: 30px;
    }
&.label--inst {
        .m-labelVariation(rgb(255,0,255), transparent, transparent);
        .m-faBefore(@fa-var-instagram);
        .labelTextShadow();
         padding-left: 30px;
    }
&.label--windows {
        .m-labelVariation(rgb(0,128,128), transparent, transparent);
        .m-faBefore(@fa-var-tasks);
        .labelTextShadow();
         padding-left: 30px;
    }
}

Проблема заключается в том, что большая часть иконок не хочет отображаться, например instagram, windows и т.д. Как исправить это, чтобы можно задействовать все иконки?
 
Вот код для префиксов

Код:
$0
.labelTextShadow(@shadow: 0 0 0, @color: transparent) {
    text-shadow: @shadow @color;
}

.label {
    font-size: 85%;
    text-transform: uppercase;
    font-weight: 500;

    .structItem-title & {
        font-weight: 700;
    }
 
    &:before {
           .m-faBase();
            padding-right: 5px;
        }
 
    &.label--hidden {
        font-size: 85%;
    }

&.label--rd {
        .m-labelVariation(rgb(220,20,60), transparent, transparent);
        .m-faBefore(@fa-var-exclamation-circle);
        .labelTextShadow();
         padding-left: 28px;
    }

 
    &.label--red {
        .m-labelVariation(rgb(231,76,60), transparent, transparent);
        .m-faBefore(@fa-var-bomb);
        .labelTextShadow();
         padding-left: 28px;
    }

    &.label--green {
        .m-labelVariation(rgb(22,160,133), transparent, transparent);
        .m-faBefore(@fa-var-check-circle);
        .labelTextShadow();
          padding-left: 30px;
    }

    &.label--olive {
        .m-labelVariation(rgb(39,174,96), transparent, transparent);
        .m-faBefore(@fa-var-question-circle);
        .labelTextShadow();
         padding-left: 30px;
    }

    &.label--lightGreen {
        .m-labelVariation(rgb(46,204,113), transparent, transparent);
        .m-faBefore(@fa-var-usd-circle);
        .labelTextShadow();
         padding-left: 30px;
    }

    &.label--blue {
        .m-labelVariation(rgb(41,128,185), transparent, transparent);
        .m-faBefore(@fa-var-upload);
        .labelTextShadow();
         padding-left: 30px;
    }

    &.label--royalBlue {
        .m-labelVariation(rgb(52,152,219), transparent, transparent);
        .m-faBefore(@fa-var-download);
        .labelTextShadow();
         padding-left: 30px;
    }

    &.label--skyBlue {
        .m-labelVariation(rgb(142,68,173), transparent, transparent);
        .m-faBefore(@fa-var-shopping-basket);
        .labelTextShadow();
         padding-left: 30px;
    }

    &.label--gray {
        .m-labelVariation(rgb(127,140,141), transparent, transparent);
        .m-faBefore(@fa-var-file-alt);
        .labelTextShadow();
         padding-left: 30px;
    }

    &.label--silver {
        .m-labelVariation(rgb(189,195,199), transparent, transparent);
        .m-faBefore(@fa-var-edit);
        .labelTextShadow();
         padding-left: 30px;
    }

    &.label--yellow {
        .m-labelVariation(rgb(241,196,15), transparent, transparent);
        .m-faBefore(@fa-var-bullhorn);
        .labelTextShadow();
         padding-left: 30px;
    }

    &.label--orange {
        .m-labelVariation(rgb(230,126,34), transparent, transparent);
        .m-faBefore(@fa-var-wallet);
        .labelTextShadow();
         padding-left: 30px;
    }

&.label--telegram {
        .m-labelVariation(rgb(70,130,180), transparent, transparent);
        .m-faBefore(@fa-var-paper-plane);
        .labelTextShadow();
         padding-left: 28px;
    }

&.label--top {
        .m-labelVariation(rgb(72,61,139), transparent, transparent);
        .m-faBefore(@fa-var-signal);
        .labelTextShadow();
         padding-left: 28px;
    }

&.label--seo1 {
        .m-labelVariation(rgb(46,149,87), transparent, transparent);
        .m-faBefore(@fa-var-search-plus);
        .labelTextShadow();
         padding-left: 28px;
    }
&.label--ferma {
        .m-labelVariation(rgb(60,179,113), transparent, transparent);
        .m-faBefore(@fa-var-tractor);
        .labelTextShadow();
         padding-left: 30px;
    }
&.label--script {
        .m-labelVariation(rgb(50,205,50), transparent, transparent);
        .m-faBefore(@fa-var-hashtag);
        .labelTextShadow();
         padding-left: 30px;
    }
&.label--games {
        .m-labelVariation(rgb(255,0,255), transparent, transparent);
        .m-faBefore(@fa-var-gamepad);
        .labelTextShadow();
         padding-left: 30px;
    }
&.label--images {
        .m-labelVariation(rgb(0,255,0), transparent, transparent);
        .m-faBefore(@fa-var-images);
        .labelTextShadow();
         padding-left: 30px;
    }

&.label--shrift {
        .m-labelVariation(rgb(255,69,0), transparent, transparent);
        .m-faBefore(@fa-var-text-height);
        .labelTextShadow();
         padding-left: 30px;
    }
&.label--srvc {
        .m-labelVariation(rgb(255,69,0), transparent, transparent);
        .m-faBefore(@fa-var-adjust);
        .labelTextShadow();
         padding-left: 30px;
    }
&.label--statat {
        .m-labelVariation(rgb(128,128,0), transparent, transparent);
        .m-faBefore(@fa-var-align-justify);
        .labelTextShadow();
         padding-left: 30px;
    }
&.label--vkcom {
        .m-labelVariation(rgb(75,0,180), transparent, transparent);
        .m-faBefore(@fa-var-chevron-right);
        .labelTextShadow();
         padding-left: 30px;
    }
&.label--slito {
        .m-labelVariation(rgb(184,134,11), transparent, transparent);
        .m-faBefore(@fa-var-arrows);
        .labelTextShadow();
         padding-left: 30px;
    }
&.label--inst {
        .m-labelVariation(rgb(255,0,255), transparent, transparent);
        .m-faBefore(@fa-var-instagram);
        .labelTextShadow();
         padding-left: 30px;
    }
&.label--windows {
        .m-labelVariation(rgb(0,128,128), transparent, transparent);
        .m-faBefore(@fa-var-tasks);
        .labelTextShadow();
         padding-left: 30px;
    }
}

Проблема заключается в том, что большая часть иконок не хочет отображаться, например instagram, windows и т.д. Как исправить это, чтобы можно задействовать все иконки?
Добавить .m-faBase("Brands");
 
Статус
В этой теме нельзя размещать новые ответы.
Современный облачный хостинг провайдер | Aéza
Назад
Сверху Снизу