gwt - 複数の CssResource css ファイルで同じ @def を使用するにはどうすればよいですか?

Question

一元化された場所で、

@def mainColor = #f00;

次に、他のすべての css ファイルで、mainColor再定義せずに を参照します。次に、mainColor を一度に変更すると、アプリ全体の色が変わります。

@Sourceこれまでのところ、CssResource 宣言ごとに 2 つのファイルを含め、常にグローバルな def ファイルを含めることが最善の方法だと思います。他の方法はありますか？

Answer 1

私の知る限り、これが唯一の選択肢です。

スタイル.css

@def mainColor #f00;

*.ui.xml

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

これの欠点は、相対パスです。各 ui.xml には、異なる src パスが必要です。

あるいは、（css の代わりに）Constants.java ファイルを使用してもかまわない場合は、@eval

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