- Версия XenForo
- 2.2
- 2.3
Своя вариация кода префиксов из матрёшки рп исходя из недавней темы.
Изначально хотел сделать просто вариант ответа в той же теме, но почему бы его не оформить общим ресурсом что бы не мусорить тему лишними ответами тем более которая уже решена.
Основа кода полностью с вышеупомянутой темы но со своим рефакторингом, о нём подробнее ниже.
Во-первых, рефакторинг кода под синтаксис LESS который в стилях для XF.
Основные свойства префиксов вынесены в основной класс из которого наследуют стиль остальные префиксы и не нужно прописывать это каждому префиксу одни и теже свойства, а структуры классов уже самих префиксов идут ниже используя свои свойства цвета, остальное же берётся из основного класса.
Во-вторых,
В итоге имеем более структорированый код для префиксов в стиле XF который занимает меньше места что немного красивее + технически удобнее так как меньше строк кода = проще вносить быстро в него изменения или искать ошибки.
Как применять?
Шаг 1.
Весь код сохранить в
Шаг 2.
В настройках префикса в пользовательских именах CSS префикса указать
Получаем результат.
Изначально хотел сделать просто вариант ответа в той же теме, но почему бы его не оформить общим ресурсом что бы не мусорить тему лишними ответами тем более которая уже решена.
Основа кода полностью с вышеупомянутой темы но со своим рефакторингом, о нём подробнее ниже.
Во-первых, рефакторинг кода под синтаксис LESS который в стилях для XF.
Основные свойства префиксов вынесены в основной класс из которого наследуют стиль остальные префиксы и не нужно прописывать это каждому префиксу одни и теже свойства, а структуры классов уже самих префиксов идут ниже используя свои свойства цвета, остальное же берётся из основного класса.
Во-вторых,
ansGeneral
, ansThematic
, ansHistorical
, ansTechnical
, ansOfferl
, сделаны в одном классе ans
ибо они одинаковы, не увидел смысла плодить ещё пару десятков лишних строк кода которые одинаковые.В итоге имеем более структорированый код для префиксов в стиле XF который занимает меньше места что немного красивее + технически удобнее так как меньше строк кода = проще вносить быстро в него изменения или искать ошибки.
Как применять?
Шаг 1.
Весь код сохранить в
extra.less
Шаг 2.
В настройках префикса в пользовательских именах CSS префикса указать
prefixCustom ans
ну и по аналогии с другими классами префиксовПолучаем результат.