Συγχώνευση με κόμμα στο 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;
}