LESS에서 공백으로 병합하기

쉼표가 아닌 공백으로 값을 병합해야 하는 속성이 있습니다. 이러한 병합을 위한 특별한 연산자 +_가 있습니다.

transform 속성의 예를 통해 그 작동을 살펴봅시다. 각각 해당 변환을 설정하는 함수 .rotate와 .skew를 만들어 봅시다:

styles.less.rotate(@r) {
  transform+_: rotate(@r);
}
.skew(@s) {
  transform+_: skew(@s);
}

우리의 함수들을 사용해 봅시다:

styles.lessdiv {
  .rotate(10deg);
  .skew(10deg);
}

컴파일 결과, 우리의 변환들은 하나의 transform 속성으로 병합됩니다:

styles.cssp {
  transform: rotate(10deg) skew(10deg);
}