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

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

Skaiman

Проверенные
Сообщения
18,355
Решения
233
Реакции
33,943
Баллы
21,375
Skaiman добавил(а) новый ресурс:

Префиксы тем с иконками - Префиксы тем с возможностью добавления Font Awesome

Добавляем в extra.less, лучше модификацией, объяснять не буду здесь и так все умные :)
Less:
@svgPrefixBorderRadius: @xf-borderRadiusSmall; // Радиус префиксов
@svgPrefixFontFamily: inherit;                 // Семейство шрифта префикса
@svgPrefixColorGradient: rgba(0,0,0,.4);       // Цвет градиента прификса
@svgPrefixTextShadow: rgba(0,0,0,.5);          // Цвет тени префикса

.svgLabelPrefix(@prefix-name, @prefix-color, @prefix-icon: "none") {
    .svgPrefix, .label.svgPrefix {...

Узнать больше об этом ресурсе...
 
Прописала код в extra.less, добавляю префикс, стиль отображения - другой, код для отображения другого label label--important, но префикс вообще исчезает. Стиль iO Dark Mode
1586505346360.png
Это то, что получилось вместо префикса
 
А с чего класс то такой? svgPrefix important - такой надо
Хорошо, просто в гайде не было написано именно про этот класс, а мозг уже сам за меня додумал. Сейчас попробую
Upd: все отлично работает, спасибо
 
У длинных названий тем префикс получается таким:
1586507024911.png
Как исправить?
 
Это где так получается?
 
Там отдельно надо свойства задавать, позже, а вообще длинные названия тем надо укорачивать :) ни чего хорошего, должно быть коротко и информативно, все подробности в теме :)
 
.svgPrefix, .label.svgPrefix
 
  • Мне нравится
Реакции: Hope
1.jpg

вставил указал размер ширина осталась прежней
 
BarBoss, ну так ты слишком большую ширину задал :) поэтому с учетом твоей максимальной ширины и получается :) можно минимальную указать, можно фиксированную без max и min, читай голубчик справочник на который дал ссылку.
 
Последнее редактирование:
  • Мне нравится
Реакции: Hope
Добавил в extra.less.
Добавил префикс как в примере, но ничего не происходит

Добавил в extra.less.
Добавил префикс как в примере, но ничего не происходит
Мое предположение, что руки у меня из жопы.
Поэтому прошу помочь
 
Современный облачный хостинг провайдер | Aéza
Назад
Сверху Снизу