Sammanfogning med mellanslag i LESS

Det finns egenskaper vars värden behöver sammanfogas inte med kommatecken, utan med mellanslag. För sådana sammanfogningar finns en speciell operator +_.

Låt oss titta på hur den fungerar med exemplet egenskapen transform. Låt oss skapa funktionerna .rotate och .skew, som sätter de motsvarande transformationerna:

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

Låt oss använda våra funktioner:

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

Som ett resultat av kompileringen kommer våra transformationer att sammanfogas i en egenskap transform:

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