문자열 내부에 LESS가있는 함수를 사용하십시오.

Question

문서와 SO를 모두 검색했지만 내 쿼리에 대한 대답을 찾을 수 없습니다. 문자열에 함수의 결과를 LESS로 포함시키는 올바른 방법은 무엇입니까?

예를 들어, 변수를 정의하고 상자 그림자에 대해 밝게하고 싶습니다. 예를 들어 다음과 같이하고 싶습니다.

.box-shadow(~"inset 0 1px 1px rgba(0,0,0,.075), 0 0 2px lighten(@green, 10%)"); 

분명히 작동하지 않습니다. lighten(@green, 10%)에 대한 특정 변수를 정의하지 않고이를 달성하는 올바른 방법은 무엇입니까?

Answer 1

그냥 문자열 외부에 놓아야합니다.

@green: #0f0; 
.box-shadow(@def) { box-shadow: @def; } 

p { 
    .box-shadow(~"inset 0 1px 1px rgba(0,0,0,.075), 0 0 2px" lighten(@green, 10%)) 
} 

은 알고

p { 
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 2px #33ff33; 
}