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を実装してください。