LessCss의 RGBA 및 @vars

Question

내가 LessCss와 함수를 만들려고하지만 난 오류가 :

.transparent-border (@alpha:.15, @color:'0,0,0', @type: solid, @size:1px) { 
    @val: @size @type rgba(@color, @alpha); 
    border: @val; 
} 

오류
오류 평가 기능 rgba
@val : @size의 @type rgba(@color, @alpha);

어떻게 해결할 수 있습니까? 이 코드 대신

Answer 1

사용 :

.transparent-border (@alpha:.15, @r:0, @g:0, @b:0, @type: solid, @size:1px) { 
    @val: @size @type rgba(@r, @g, @b, @alpha); 
    border: @val; 
} 

그것은뿐만 아니라 작업을 수행하지만, 그것은 또한 더 의미가 있습니다.

#myElement{ 
    /*Old, not-working implementation*/ 
    .transparent-border (0.15, "0, 0, 0", solid, 1px); 

    /*New, neat and working method */ 
    .transparent-border (0.15, 0, 0, 0, solid, 1px); 

    /*Since these are the default settings, it's equivalent to*/ 
    .transparent-border 
} 

분석 된 LESS :

#myElement { 
    border: 1px solid rgba(0,0,0, 0.15); 
} 

이전 시도에서는 문자열의 색상을 통과해야