LESS-파라 메트릭 믹스 인
기술
파라 메트릭 믹스 인은 다른 블록에 믹스 될 때 믹스 인 출력을 사용자 정의하기 위해 인수와 속성을 취함으로써 LESS의 기능을 확장하는 하나 이상의 매개 변수를 사용합니다.
예를 들어, 간단한 LESS 코드 스 니펫을 고려하십시오.
.border(@width; @style; @color) {
border: @width @style @color;
}
.myheader {
.border(2px; dashed; green);
}
여기서 우리는 너비, 스타일 및 색상의 세 가지 매개 변수가있는 .border 로 매개 변수 믹스 인을 사용합니다 . 이러한 매개 변수를 사용하여 전달 된 매개 변수 값으로 mixin 출력을 사용자 정의 할 수 있습니다.
다음 표는 설명과 함께 다양한 유형의 파라 메트릭 믹스 인을 설명합니다.
Sr. 아니. | 유형 및 설명 |
---|---|
1 | 여러 매개 변수가있는 믹스 인 매개 변수는 쉼표 또는 세미콜론을 사용하여 구분할 수 있습니다. |
2 | 명명 된 매개 변수 믹스 인은 이름을 사용하여 위치 대신 매개 변수 값을 제공합니다. |
삼 | @arguments 변수 믹스 인이 호출되면 @arguments 에는 전달 된 모든 인수가 포함됩니다. |
4 | 고급 인수 및 @rest 변수 Mixin은 다음을 사용하여 가변 개수의 인수를받습니다. ..... |
5 | 패턴 매칭 매개 변수를 전달하여 mixin의 동작을 변경하십시오. |