在 Portlet 中使用 Liferay 主题 css

Question

我想在我们开发的自定义 Liferay 主题中定义我们所有的样式。我想知道是否可以使用在 portlet 项目的主题中定义的 css 类。我们需要避免在每个 portlet 项目中重复 css 文件。目的是主题控制我们 portlet 的所有外观和感觉方面，因此如果我们更改主题（或在另一个门户容器中部署 portlet），portlet 样式也会改变。你觉得这可能吗？

提前致谢..

Answer 1

您想做什么是为主题和 Portlet 设置样式的推荐方法。

Portlet 样式应该只影响它所属的 Portlet 内的布局。所有其他样式；颜色、字体等应在主题的 custom.css.

中定义

我建议您在引入新的 Portlet 类之前尝试设计现有的 Portlet。然后，如果你真的卡住了，编辑 portlet.vm.

看看Liferay's Political Theme:

custom.css

...

.portlet {
    margin-bottom: 10px;

    .portlet-topper {
        padding: 0;

        .portlet-title {
...

在 Portlet 中使用 Liferay 主题 css

Use Liferay theme css in Portlets

portal

portlet

liferay

liferay-theme