Συγχώνευση με κόμμα στο LESS
Ας υποθέσουμε ότι έχουμε μια συνάρτηση που δημιουργεί σκιά για ένα μπλοκ:
.shadow(@s) {
box-shadow: @s;
}
Ας υποθέσουμε ότι θέλουμε να προσθέσουμε δύο σκιές σε ένα μπλοκ, καλώντας τη συνάρτησή μας δύο φορές:
p {
.shadow(1px 1px red);
.shadow(2px 2px blue);
}
Ωστόσο, δεν θα πετύχουμε τίποτα, γιατί
η κλήση για δύο σκιές απλώς θα προσθέσει δύο ιδιότητες
box-shadow:
p {
box-shadow: 1px 1px red;
box-shadow: 2px 2px blue;
}
Εμείς, όμως, θα θέλαμε οι σκιές να προστεθούν
σε μια ιδιότητα box-shadow χωρισμένες με κόμμα,
έτσι:
p {
box-shadow: 1px 1px red, 2px 2px blue;
}
Για να λειτουργήσει η συνάρτησή μας με τον τρόπο που περιγράφηκε,
πρέπει να γράψουμε την τιμή της ιδιότητας μετά από
έναν ειδικό τελεστή +:, έτσι:
.shadow(@s) {
box-shadow+: @s;
}
Δημιουργήστε μια ανάλογη συνάρτηση για την ιδιότητα
text-shadow.
Δημιουργήστε μια ανάλογη συνάρτηση για την ιδιότητα
background.