liferay - 在 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 {
...