LESS'te Boşluk ile Birleştirme

Değerlerinin virgülle değil de boşlukla birleştirilmesi gereken özellikler olur. Bu tür birleştirmeler için özel bir operatör vardır: +_.

Şimdi transform özelliği örneğinde çalışmasını inceleyelim. İlgili dönüşümleri ayarlayan .rotate ve .skew fonksiyonlarını oluşturalım:

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

Fonksiyonlarımızı kullanalım:

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

Derleme sonucunda, dönüşümlerimiz tek bir transform özelliğinde birleşecek:

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

İlgili dönüşümü ayarlayan benzer bir scale fonksiyonu uygulayın.

Задание 2

İlgili dönüşümü ayarlayan benzer bir translate fonksiyonu uygulayın.