Samenvoegen met spatie in LESS

Er zijn eigenschappen waarvan de waarden niet met een komma maar met een spatie moeten worden samengevoegd. Voor dergelijke samenvoegingen bestaat er een speciale operator +_.

Laten we de werking ervan bekijken aan de hand van een voorbeeld met de eigenschap transform. Laten we functies maken .rotate en .skew, die de bijbehorende transformaties instellen:

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

Laten we onze functies gebruiken:

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

Na compilatie zullen onze transformaties worden samengevoegd in één eigenschap transform:

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