LESS의 calc 함수
CSS 함수 calc를 감싸는
함수를 만들어 봅시다.
우리 함수가 첫 번째 매개변수로
속성 이름을,
두 번째로는 계산된 값을 받도록 합시다:
.calc(@name, @calc) {
@{name}: calc(@calc);
}
우리 함수를 사용해 봅시다:
p {
.calc(width, ~'10px + 30%');
}
컴파일 결과:
p {
width: calc(10px + 30%);
}
다음 코드의 컴파일 결과는 무엇일지 설명해 보세요:
p {
.calc(width, ~'10px + 30%');
.calc(height, ~'10px + 30%');
}
