61 replies to this topic

[isay777]

 

я обычно каскадно меняю в таком случае, т.е. в css пишу

.my-container .my-div .jbfilter label

 

Забыл еще !important ))))

 

И да, частично не сработает. 

Ибо .my-container .my-div .jbfilter label - будет твой 

а .my-container .my-div .jbfilter label:hover - уже не твой подхватиться 

 .jbfilter label:hover из less

Edited by isay777, 27 August 2015 - 09:00.

[Михаил]

Присоединяюсь к вопросу. Как сменить порядок загрузки css от jbzoo?

 

Сначала грузятся css от шаблона, а потом подгружаются от jbzoo. Логичнее было бы все таки css подгружать после, т.к. все таки мы шаблоном перезаписываем или наследуем стили.

Понятное дело что можно использовать id а не классы, использовать !important, можно удалять требуемые стили в less jbzoo, но при апдейте все затрется. 

А смена порядка решит большинство вопросов в определении стилей шаблона я полагаю.

[woodman]

а .my-container .my-div .jbfilter label:hover - уже не твой подхватиться

 

вот так можно

.my-container .my-div .jbfilter label {

    &:hover {

    }
}

[SmetDenis]

Стили можно разделить на 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х классов + тег или псевдокласс.

 

Поэтому если не получается переопределить, то можно добавить специфичности классом или тегом. Тут уже по обстоятельствам.

[isay777]

вот он долгожданный мануал по less  )))

 

 

 

вот так можно

.my-container .my-div .jbfilter label {

    &:hover {

    }
}

это если ты верстаешь на less - это раз 

Если ты знаешь что там ховер - это два 

А там еще бефор и фтер - это три 

 

Думаю ответ от Дениса вполне устроит 

[SmetDenis]

На мануал не тянет, скорее развернутый ответ

Но если ответил на вопрос - ок.

 

Поднял топик, чтобы другие видели.

[isay777]

admin - стили панель управления cart - все для корзины, выделено отдельно т.к это довольно большой пласт стилей. general - самые-самые глобальные стили, вроде простейших колонок и clearfix media - стили для мобильной версии misc - коллекция примесей widget - стили для JS-виджетов.

 

это уже сняло массу вопросов 

[Nav]

Спасибо. Вопросы были такие же. Ответ понимал где искать, но не всегда это было просто. Сейчас все ясно, где и что лежит.

[andrey.koch]

 

Если стили относятся к шаблону модуля, то скорее всего файл лежит тут

Например для модуля формы фильтра все лежит тут modules\mod_jbzoo_search\assets\less\filter.less

 

Тут для простоты свои стили лучше писать в отдельный файл, так же как называется шаблон

 

Для чайника поясните пожалуйста, как переопределить этот файл стилей?

[andrey.koch]

Чё там, как? 

 

Если найдётся минутка подскажите пожалуйста. 

 

isay убери пожалуйста метку, что вопрос решен.