Spojování mezerou v LESS

Existují vlastnosti, jejichž hodnoty je třeba spojovat ne čárkou, ale mezerou. Pro taková spojení existuje speciální operátor +_.

Podívejme se na jeho funkci na příkladu vlastnosti transform. Vytvořme funkce .rotate a .skew, které nastavují odpovídající transformace:

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

Použijme naše funkce:

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

Výsledkem kompilace se naše transformace spojí do jedné vlastnosti transform:

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