如何在多個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>