덜 다른에서 변수를 사용하는 방법?

Question

변수 @screen-xs-max은 부트 스트랩 3 변수입니다. 내 믹스 인에서 @class 변수를 사용하여 Bootstrap 변수를 동적으로 가져오고 싶습니다.

.make-btn-block (@class) { 
    @media (max-width: @screen-@{class}-min) { 
    // Code 
    } 
} 

.make-btn-block(xs); 

또 다른 작동하지 솔루션 :

~"@{@screen-@{class}-min}" 

Answer 1

이 referencing variables by name를 참조

는 여기에 작동하지 않는 솔루션입니다. 예 :

.make-btn-block(@device) { 
    @max: "screen-@{device}-max"; 
    @media (max-width: @@max) { 
     color: red; 
    } 
}