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