Բացատով միավորում 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 ֆունկցիա, որը սահմանում է համապատասխան տրանսֆորմացիա: