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

Question

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

@def mainColor = #f00;

然后,在我的所有其他css文件中,mainColor无需重新定义它.然后,当我在一次更改mainColor时,我的整个应用程序会改变颜色.

到目前为止,我能想到的最好方法是@Source为每个CssResource声明包含两个文件,并始终包含全局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>