LESS에서 둥근 모서리 생성을 위한 벤더 프리픽스 적용

크로스 브라우저 방식으로 모서리를 둥글게 만드는 함수를 만들어 봅시다:

styles.less.radius(@radius) {
  -moz-border-radius: @radius;
  -webkit-border-radius: @radius;
  border-radius: @radius;
}

우리의 함수를 사용해 보세요:

styles.lessdiv {
  .radius(10px);
}

컴파일 결과:

styles.cssdiv {
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
  border-radius: 10px;
}