변수 연결 및 보간이 작음

Question

버튼에 대한 부트 스트랩의 호버 효과를 무시하려고합니다. 클래스의 이름을 mixin에 전달하고 클래스의 백그라운드 변수를 자동으로 추론하여 일부 공간을 절약하고 매끄러운 방식으로 작업하고 싶습니다. 그래서 내 믹스 인은 다음과 같습니다

.btn-hover(@name){ 
    .@{name}:hover{ 
     background: lighten(@~"@{name}-bg", 10%); 
    } 
} 

.btn-hover(btn-primary); 

하지만, btn-primary--bg을 연결하여 변수 @btn-primary-bg에 액세스 할 수없는 것 컴파일러 오류에 @~"@{btn-name}-bg" 결과 때문이다. 내가 할 수있는 일이 가능한거야? 그것은 꽤 매끄러운 것입니다.

편집 --------------------------------------------- --------------------

그냥이 question 우연히 그리고 그것은 확실히 관련이 있지만, 내 질문은 정말 귀결 생각 :

더 이상, 문자열 연결 후 보간을 통해 변수에 액세스 할 수 있습니까? 또한 참조

@btn-primary-bg: red; 

    .btn-hover(@name){ 
     .@{name}:hover{ 
      @buttonname: ~"@{name}-bg"; 
      background: lighten(@@buttonname, 10%); 
     } 
    } 

    .btn-hover(btn-primary); 

을 :

@btn-success-bg: #00ff00; 
@name: btn-success; 
@background: @~"@{name}-bg"; // How do I access @btn-success-bg? 

Answer 1

당신이 할 수있는 http://lesscss.org/features/#variables-feature-variable-names