Παράμετροι με κόμματα στο LESS

Ας υποθέσουμε ότι έχουμε μια συνάρτηση που δημιουργεί σκιά για ένα μπλοκ:

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

Όπως βλέπετε, η συνάρτησή μας έχει μία παράμετρο. Αυτό σημαίνει ότι θα περάσουμε σε αυτή την παράμετρο όλες τις τιμές της σκιάς μας μέσω κενικού, έτσι:

div {
	.shadow(1px 1px red);
}

Στο CSS, ωστόσο, μπορούμε να ορίσουμε πολλαπλές σκίες, γράφοντάς τες χωρισμένες με κόμμα. Στην περίπτωσή μας δυστυχώς αυτό δεν θα λειτουργήσει, καθώς το κόμμα θα γίνει αντιληπτό από τον compiler ως διαχωριστικό μεταξύ των παραμέτρων της συνάρτησης:

div {
	.shadow(1px 1px red, 1px 1px blue); // θα εμφανίσει σφάλμα
}

Υπάρχει, ωστόσο, λύση. Μπορούμε να αναγκάσουμε το LESS να αντιληφθεί τη γραμμή μας με το κόμμα ως μία παράμετρο. Για να το κάνουμε αυτό, πρέπει να τερματίσουμε την απαρίθμηση των τιμών μας με ένα ερωτηματικό:

div {
	.shadow(1px 1px red, 1px 1px blue;);
}

Δημιουργήστε μια συνάρτηση που προσθέτει φόντο. Χρησιμοποιώντας αυτή τη συνάρτηση, προσθέστε πολλαπλά φόντα σε ένα μπλοκ.