Concatenation by space in LESS

There are properties whose values ​​need to be combined not with a comma, but with a space. For such combinations, there is a special operator +_.

Let's look at how it works using the transform property as an example. Let's create functions .rotate and .skew that define the corresponding transformations:

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

Let's use our functions:

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

As a result of compilation, our transformations will be combined into one property transform:

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