dotlesscss : importer dotlesscss 스타일 시트에서 변수 값을 변경하는 방법

Question

점없는 변수로 정의 된 색상의 기본 스타일 시트를 사용하고 싶습니다. 그런 다음 색상 테마에 따라이 색상을 변경하고 싶습니다.

- 기본 스타일 시트의 예 :

body 
{ 
    color: @brand_color; 
} 

- 특정 스타일 시트의 예, 색 구성표에 따라 내가 선택 :

@import "../BaseStyleSheet.less.css"; 

@brand_color: green; 

가 어떻게 이것을 달성 할 수 있습니까?

Answer 1

가져온 파일의 확장자는 ".less"여야합니다.

import 명령문 뒤나 앞에있는 변수 값을 변경해도 아무런 차이가 없으므로 변수 값을 변경하지 않아서 불가능했던 것을 만듭니다.

"Imports는 주 참조 Less 파일 (또는 주 참조되는 Less 파일)의 변수에 액세스 할 수 없으므로 가져온 Less 파일이 사용 된 위치에 의존하지 않습니다."

http://enginechris.wordpress.com/2009/11/23/my-thoughts-on-using-dotless-and-the-less-syntax/

Answer 2

당신은 .less하기 위해 가져온 파일의 확장자를 변경해야

적은 그들이 그것을 그대로 파일의 내용을 소요 뭔가로 끝나는 경우가 .less로 끝나는 경우에만 수입을 컴파일하고 그냥 삽입합니다 너의 파일.

가져 오기 파일에 액세스 할 수 있도록 가져 오기 전에 @brand_color: green 선언을 넣어야 할 수도 있습니다.