LESS에서 공백으로 병합하기
쉼표가 아닌 공백으로 값을 병합해야 하는 속성이 있습니다.
이러한 병합을 위한 특별한 연산자
+_가 있습니다.
transform 속성의 예를 통해 그 작동을 살펴봅시다.
각각 해당 변환을 설정하는 함수
.rotate와 .skew를 만들어 봅시다:
.rotate(@r) {
transform+_: rotate(@r);
}
.skew(@s) {
transform+_: skew(@s);
}
우리의 함수들을 사용해 봅시다:
div {
.rotate(10deg);
.skew(10deg);
}
컴파일 결과, 우리의 변환들은
하나의 transform 속성으로 병합됩니다:
p {
transform: rotate(10deg) skew(10deg);
}
해당 변환을 설정하는 비슷한 함수 scale를
구현하세요.
해당 변환을 설정하는 비슷한 함수 translate를
구현하세요.
