CSS 그라디언트 - 적은 믹스

Question

CSS 코드에 밝게 또는 어둡게 적용하여 Less mixin 그라데이션의 색상을 변경할 수 있는지 궁금한가요? 여기

은 적은 믹스 인입니다 :

.css-gradient(@from: #20416A, @to: #3D69A5) { 
    background-color: @to; 
    background-image: -webkit-gradient(linear, left top, left bottom, from(@from), to(@to)); 
    background-image: -webkit-linear-gradient(top, @from, @to); 
    background-image: -moz-linear-gradient(top, @from, @to); 
    background-image: -o-linear-gradient(top, @from, @to); 
    background-image: -ms-linear-gradient(top, @from, @to); 
    background-image: linear-gradient(top, @from, @to); 
} 

적은 파일에 나는 이런 식으로 뭔가하고 싶으면이 가능하거나 다른이 경우 경우

#div { 
    width:100px; 
    height:100px; 
    .css-gradient (darken, 10%); 
} 

이 몰라를 나는 이것을해야한다.

Answer 1

내가 지금처럼 이렇게 것 : 물론

.css-gradient(darken(#20416A,10%),darken(#3D69A5,10%)) 

당신도 할 수 : 다음

.css-gradient(@from: #20416A, @to: #3D69A5) { 
    background-color: @to; 
    background-image: -webkit-gradient(linear, left top, left bottom, from(@from), to(@to)); 
    background-image: -webkit-linear-gradient(top, @from, @to); 
    background-image: -moz-linear-gradient(top, @from, @to); 
    background-image: -o-linear-gradient(top, @from, @to); 
    background-image: -ms-linear-gradient(top, @from, @to); 
    background-image: linear-gradient(top, @from, @to); 
} 
.css-gradient(darken,@amount: 10%, @from: #20416A, @to: #3D69A5){ 
    .css-gradient(darken(@from,@amount),darken(@to,@amount)); 
} 

그리고 그냥 호출 :

.css-gradient(darken,10%); 

또는 :

.css-gradient(#20416A, #3D69A5); 

나 :

.css-gradient(darken,5%,#00ff00,#ff0000);