Sammenslåing med mellomrom i LESS

Det finnes egenskaper hvis verdier må kombineres ikke med komma, men med mellomrom. For slike kombinasjoner finnes det en spesiell operator +_.

La oss se på hvordan den fungerer ved å bruke eksempelet med egenskapen transform. La oss lage funksjonene .rotate og .skew, som setter de tilsvarende transformasjonene:

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

La oss bruke funksjonene våre:

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

Som et resultat av kompilering vil transformasjonene våre kombineres i én egenskap transform:

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