Ενσωμάτωση με Κενό στο LESS

Υπάρχουν ιδιότητες των οποίων οι τιμές πρέπει να ενώνονται όχι με κόμμα, αλλά με κενό. Για τέτοιες ενώσεις υπάρχει ένας ειδικός τελεστής +_.

Ας δούμε πώς λειτουργεί στο παράδειγμα της ιδιότητας transform. Ας φτιάξουμε τις συναρτήσεις .rotate και .skew, που ορίζουν τις αντίστοιχες μετασχηματίσεις:

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

Ας χρησιμοποιήσουμε τις συναρτήσεις μας:

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

Ως αποτέλεσμα της μεταγλώττισης, οι μετασχηματίσεις μας θα ενωθούν σε μια ιδιότητα transform:

styles.cssp {
  transform: rotate(10deg) skew(10deg);
}
Задание 1

Υλοποιήστε μια ανάλογη συνάρτηση scale, που ορίζει την αντίστοιχη μετασχηματισμό.

Задание 2

Υλοποιήστε μια ανάλογη συνάρτηση translate, που ορίζει την αντίστοιχη μετασχηματισμό.