LESS 함수에서 여러 매개변수 사용하기
LESS 함수에는 여러 개의
매개변수를 전달할 수 있습니다.
이를 위해 매개변수를 쉼표로 구분하여
나열하면 됩니다. 예를 들어, 요소의
크기를 설정하는 함수 size를 만들어 보겠습니다:
.size(@w, @h) {
width: @w;
height: @h;
}
우리가 만든 함수를 사용해 보겠습니다:
div {
.size(200px, 100px);
}
결과적으로 컴파일 후에는 다음과 같은 코드가 생성됩니다:
div {
width: 200px;
height: 100px;
}
.fsh 함수를 만드세요. 이 함수는 첫 번째
매개변수로 font-size 속성값을,
두 번째로는 line-height 속성값을
받아야 합니다.
절대 위치를 설정하는 함수 .absTL를
만드세요. 이 함수는 첫 번째 매개변수로
top 속성값을, 두 번째로는
left 속성값을 받아야 합니다.
다른 측면에서 절대 위치를 설정하는
유사한 함수 .absTR,
.absBL, .absBR를 만드세요.