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;
}