Best Answer SmetDenis , 27 August 2015 - 09:25
Стили можно разделить на 4 группы
- Панель управления (подключаются всегда всей пачкой для ПУ)
- Фреймворк (UIkit, BS, итд... тут все очевидно)
- Общие стили, виджеты, корзина
- Стили шаблона
Полагаю вопрос возникает по последним 2м пунктам.
Все общие стили находятся тут, подключаются по мере необходимости.
media\zoo\applications\jbuniversal\assets\less
Внутри можно найти папки
- admin - стили панель управления
- cart - все для корзины, выделено отдельно т.к это довольно большой пласт стилей.
- general - самые-самые глобальные стили, вроде простейших колонок и clearfix
- media - стили для мобильной версии
- misc - коллекция примесей
- widget - стили для JS-виджетов.
Less-файлы в корне являются чем то вроде загрузщиков (точкой входа), которые импортируют файлы из папок.
Соответственно, если мы хотим переопределить стили для jbcolor (виджет переключателя цветов), то идем в папку widget. находим файл colors.less
Чтобы не менять файл ядра, копируем его в наш текущий шаблон. Он подключится сам.
media\zoo\applications\jbuniversal\templates\<ШАБЛОН>\assets\less\widget\colors.less
Так же переопределение работает почти для всех общих стилей (за исключением самых-самых системных...)
Если стили относятся к шаблону модуля, то скорее всего файл лежит тут
Например для модуля формы фильтра все лежит тут modules\mod_jbzoo_search\assets\less\filter.less
Тут для простоты свои стили лучше писать в отдельный файл, так же как называется шаблон
Если включить режим отладки, убрать сжатие и объединение (т.е перейти в режим разработки), то по названию файла и классам легко понять что происходит, где искать...
Название классов у нас формируется примерно следующим образом
.jbzoo .<ИМЯ БЛОКА> .jbzoo .<ИМЯ БЛОКА>-<ИМЯ ВЛОЖЕННОГО КЛАССА> .jbzoo .<ИМЯ БЛОКА>-<ИМЯ ВЛОЖЕННОГО КЛАССА> div:hover
jbzoo - это обязательное пространство имен.
В идеале специфичность должна быть не более 2х классов + тег или псевдокласс.
Поэтому если не получается переопределить, то можно добавить специфичности классом или тегом. Тут уже по обстоятельствам.
Go to the full post
)
