მძიმით გაერთიანება LESS-ში

დავუშვათ, გვაქვს ფუნქცია, რომელიც ქმნის ბლოკის ჩრდილს:

styles.less.shadow(@s) {
  box-shadow: @s;
}

დავუშვათ, ჩვენ გვსურს ბლოკს ორი ჩრდილი დავუმატოთ, ჩვენი ფუნქცია ორჯერ გამოვიძახოთ:

styles.lessp {
  .shadow(1px 1px red); 
  .shadow(2px 2px blue);
}

თუმცა, ჩვენ არაფერი გამოგვივა, რადგან ორი ჩრდილის გამოძახება უბრალოდ დაამატებს ორ box-shadow თვისებას:

styles.cssp {
  box-shadow: 1px 1px red;
  box-shadow: 2px 2px blue;
}

ჩვენ კი გვსურს, რომ ჩრდილები დაემატოს ერთი box-shadow თვისებას მძიმით, აი ასე:

styles.cssp {
  box-shadow: 1px 1px red, 2px 2px blue;
}

იმისთვის, რომ ჩვენმა ფუნქციამ მოქმედებდეს აღწერილი გზით, საჭიროა თვისების მნიშვნელობა დავწეროთ სპეციალური ოპერატორის +: შემდეგ, აი ასე:

styles.less.shadow(@s) {
  box-shadow+: @s;
}