Префиксы без фона с иконками

[Rombol]

    &.label--battlenet {
        .m-labelVariation(rgb(153,224,29), transparent, transparent);
        .labelTextShadow(0 0 10px, rgb(153,224,29));
        &:before {
            .m-faBase('Brands');
            .m-faContent(@fa-var-battle-net);      
        }
    }

Почему у меня этот самый код не работает?
Вставляю в модификацию экстра.лес
сразу после вот эти строк

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

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

Что я делаю не так?
Можно ли дополнить список красивых вариантов префиксов кучкой своих?

У Вас недостаточно прав для просмотра ссылок. Вход или Регистрация

На самом деле, мне нужно отредактировать и желательно добавить побольше вариантов значков префиксов, но почему-то одни удается добавить, а другие как ни старайся - не отображаются.
Так, вместо значка допустим @fa-var-upload, легко удалось вставить волейбольный мяч. А вот значок windows или android никак не хочет со мной дружить.

 

[Atikin]

Почему у меня этот самый код не работает?

А вы каким образом хотите заставить его работать? Как пользовательский CSS класс указывали?

И да, читайте правила. Картинки загружаются только через кнопку «Прикрепить файлы».

 

[Rombol]

А вы каким образом хотите заставить его работать? Как пользовательский CSS класс указывали?

И да, читайте правила. Картинки загружаются только через кнопку «Прикрепить файлы».

тут не очень понятен порядок действий. я что-то очень важное упускаю.
1. Создаю новый модификатор согласно инструкции с вкладки "Обзор" этой темы.
2. Пробую добавить в окошко "Заменить", а именно, в этот код

$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: 500;
    }
 
    &:before {
           .m-faBase();
            padding-right: 5px;
        }
 
    &.label--hidden {
        font-size: 85%;
    }
 
    &.label--red {
        .m-labelVariation(rgb(231,76,60), transparent, transparent);
        .m-faBefore(@fa-var-exclamation-circle);
        .labelTextShadow();
    }

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

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

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

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

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

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

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

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

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

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

хочу добавить еще внизу один кусочек, который привел в сообщении выше.
Цель - добавить пунктов выбора красивых префиксов.

3. Что бы эти самые префиксы были красивыми, к ним надо прикрутить красивые значки. Тут тоже не все получается. Одни значки прикручиваются, другие нет.

4. Пробовал среди видимых префиксов выбирать пункт "Другой" с пользовательскими именами классов.
я бы и рад добавить свои классы, но не знаю где этот css файл лежит, где это правильно сделать.
к тому же, меня немного смущает, что все это сводится к пункту "другое", который предполагает максимум один доп. вариант префикса, а мне бы хотелось и еще 10 шт добавить.

Сори за сумбур. Надеюсь, хоть кто-то сможет понять где и что я делаю не так.

 

[Atikin]

4. Пробовал среди видимых префиксов выбирать пункт "Другой" с пользовательскими именами классов.
я бы и рад добавить свои классы, но не знаю где этот css файл лежит, где это правильно сделать.
к тому же, меня немного смущает, что все это сводится к пункту "другое", который предполагает максимум один доп. вариант префикса, а мне бы хотелось и еще 10 шт добавить.

Там нужно указать label label--battlenet, а максимум один, потому что это только для текущего префикса настройка. Будете создавать новый — укажете другой класс.

 

[Rombol]

Там нужно указать label label--battlenet, а максимум один, потому что это только для текущего префикса настройка. Будете создавать новый — укажете другой класс.

Выходит, больше чем тут показано, уже новых добавить не получится?
Только через "другое"?
Что бы не возиться всякий раз с "другим", следует отредактировать то количество типов префикса, которые получились?
Или все-таки есть лайфхак с количеством?

 

[Rombol]

А вот касательно префиксов, может есть метод создания префиксов без текста, а лишь с одним значком?

 

[Skaiman]

Выходит, больше чем тут показано, уже новых добавить не получится?

Новые добавить можно, используя свой CSS, но отображаться в списке они не будут

может есть метод создания префиксов без текста, а лишь с одним значком?

Есть, не в этой теме, на форуме вроде есть такой мануал, воспользуйся поиском

 

[Skaiman]

Некоторые иконки относятся к категории Brand, для них я писал

У Вас недостаточно прав для просмотра ссылок. Вход или Регистрация

 

[Rombol]

Есть, не в этой теме, на форуме вроде есть такой мануал, воспользуйся поиском

ткни пальцем, если где-то попадется. мне найти не удалось. может коряво формулирую запрос

 

[Narberal Gamma]

Хотел избавиться от этой модификации, использовать эти префиксы и стандартные. Но по итогу ошибка. Как их использовать отдельно? Что бы нестандартные и стандартные были префиксы.

 

[S_Sirius]

Gilgamesh, просто менять классы, и при выборе префикса указать CSS класс новых префиксов

 

[Narberal Gamma]

S_Sirius, &.label--red { — ты про это имеешь ввиду? Про label

 

[Red_Normov]

заменил , но не получилось стандартно

 

[Skaiman]

заменил , но не получилось стандартно

Делаем модификацию шаблона extra.less, именно модификацию, что бы измененные префиксы появились в настройках

так делал?

 

[Red_Normov]

так делал?

да

 

[Froala]

да

Где да, если в начале extra.less $0

 

[Skaiman]

Red_Normov, что да? У тебя скриншот с редактированием шаблона extra.less

 

[Red_Normov]

Red_Normov, что да? У тебя скриншот с редактированием шаблона extra.less

все спасибо , понял

 

[denwerbr]

Как hover приделать ко всем префиксам?

&:hover{
            background-color: darken(@color, 4%) !important;
        }

Работает, если только один префикс вписан.

 

[Skaiman]

denwerbr, ну как бы ты не можешь видеть все описание ресурса, второе, для чего используешь селектор @color, как бы он в коде для тени, третье не ясно куда ты вообще лепишь hover