Использование темы Liferay css в портлетах

Question

Я хотел бы определить все наши стили в пользовательской теме Liferay, которую мы разработали. Я хочу знать, можно ли использовать классы CSS, определенные в теме в проекте портлетов. Нам нужно избегать дублирования файлов css в каждом проекте портлета. Цель состоит в том, что тема контролирует все аспекты внешнего вида наших портлетов, поэтому, если мы изменим тему (или развернем портлеты в другом контейнере портала), изменится стиль портлета. Вы думаете, что это возможно?

Заранее спасибо ..

Answer 1

Что вы хотите сделать это рекомендуемый способ стиль и тема и портлетов.

Стили портлета должны влиять только на макет внутри его портлета. Все остальные стили; цвета, шрифты и т. д., должны быть определены в разделе custom.css.

Я бы посоветовал вам попробовать стилизовать существующие классы портлетов, прежде чем вводить новые. Затем, если вы действительно застряли, отредактируйте portlet.vm.

Взгляните на Liferay's Political Theme:

custom.css 

... 

.portlet { 
    margin-bottom: 10px; 

    .portlet-topper { 
     padding: 0; 

     .portlet-title { 
...