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의 동작을 변경하십시오.