어떻게 여러 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 대신), 를 사용하여 마음을 해달라고하면

또는, 당신은 당신이 비교를 위해 또 다른 '대답'로 자신의 @Source 예를 추가 시겠어요 @eval

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