Перейти к содержимому


Фотография
* * * * * 1 Голосов

Актуальная тема assets jbzoo css и less


Лучший Ответ 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

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

efy5_200x0.png

 

 

Если включить режим отладки, убрать сжатие и объединение (т.е перейти в режим разработки), то по названию файла и классам легко понять что происходит, где искать...

 

Название классов у нас формируется примерно следующим образом

.jbzoo .<ИМЯ БЛОКА>
.jbzoo .<ИМЯ БЛОКА>-<ИМЯ ВЛОЖЕННОГО КЛАССА>
.jbzoo .<ИМЯ БЛОКА>-<ИМЯ ВЛОЖЕННОГО КЛАССА> div:hover 

 

jbzoo - это обязательное пространство имен.

В идеале специфичность должна быть не более 2х классов + тег или псевдокласс.

 

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

Перейти к сообщению


Сообщений в теме: 61

#51 laRus

laRus

Отправлено 27 October 2015 - 11:38

mam09andrey.koch, инструкцию еще в августе Денис разместил.. вы правда не видели?   ;)

 

(без обид!! :)  )


  • 0
..minimum effort for maximum effect? - Oh yeah! It's good!..

#52 andrey.koch

andrey.koch

Отправлено 27 October 2015 - 12:00

Ursa, я задал этот вопрос, как только вышел релиз, но ответ увидел только сегодня.


  • 0

#53 laRus

laRus

Отправлено 27 October 2015 - 12:05

Ясно, Андрей! (редко читаю комменты к файлам, не видела.. извини :) )


  • 0
..minimum effort for maximum effect? - Oh yeah! It's good!..

#54 mam09

mam09

Отправлено 27 October 2015 - 12:07

Да какие обиды... А где инструкция? Она, наверное, шибко непонятная...Смешно, правда? :))


  • 0

#55 andrey.koch

andrey.koch

Отправлено 27 October 2015 - 12:10

не видела.. извини  )
Ладно, так уж и быть, прощаю  :))  ;)  
  • 1

#56 Rinspeed

Rinspeed

Отправлено 23 December 2015 - 20:12

подскажите как убрать расстояние между кнопками jquery в JBPrice Calc или где искать?

 

03.jpg

 

и сделать их как на сайте jquery (Radios)

 

02.jpg


Сообщение отредактировал Rinspeed: 23 December 2015 - 20:17

  • 0

#57 SmetDenis

SmetDenis

Отправлено 28 December 2015 - 09:45

Rinspeed, Отладчик браузера не показывает, какой стиль дал отступ?


  • 0
JBZoo v4.0 и новый чудный мир Open Source GPL
Отключайте проверку лицензий как можно скорее!



— Есть два типа людей: Кто еще не делает бекапы и кто уже делает бекапы.


#58 Rinspeed

Rinspeed

Отправлено 30 December 2015 - 11:44

Rinspeed, Отладчик браузера не показывает, какой стиль дал отступ?

На всех стилях есть отспуп

вот ссылка http://boxpay.org/index.php/calc-1 сейчас стандартный стоит


Сообщение отредактировал Rinspeed: 30 December 2015 - 11:55

  • 0

#59 Сонкин

Сонкин

Отправлено 30 December 2015 - 13:30

 

 

На всех стилях есть отспуп

 

Правильно, вот он:

Прикрепленные изображения

  • отступ.jpg

  • 0

#60 Rinspeed

Rinspeed

Отправлено 30 December 2015 - 16:50

Правильно, вот он:

все правильно! в каком css или less убрать этот margin?


  • 0




Click to return to top of page in style!