如何在多个 CssResource css 文件中使用相同的 @def？

Question

我想说，在一个集中的位置，

@def mainColor = #f00;

然后在我的所有其他 css 文件中，引用 mainColor 而无需重新定义它。然后，当我在一个地方更改 mainColor 时，我的整个应用程序都会改变颜色。

到目前为止，我能想到的最好方法是为每个 CssResource 声明包含两个 @Source 文件，并始终包含全局 def 文件。还有其他方法吗？

Answer 1

据我所知，这是您唯一的选择：

style.css

@def mainColor #f00;

*.ui.xml

<ui:style src="../../../styles/style.css">
    .widget{ color: mainColor; }
</ui:style>

这样做的缺点是相对路径。每个 ui.xml 都需要不同的 src 路径。

或者，如果您不介意使用 Constants.java 文件（而不是 css），
你可以使用@eval

<ui:style>
  @eval mainColor com.myproject.client.Styles.INSTANCE.mainColor(); 
  .widget{ color: mainColor; }
</ui:style>