Η συνάρτηση calc στο LESS
Ας φτιάξουμε μια συνάρτηση που θα είναι ένα wrapper
πάνω στη CSS συνάρτηση calc.
Αφήστε τη συνάρτησή μας να δέχεται ως πρώτη παράμετρο
το όνομα της ιδιότητας,
και ως δεύτερη - την υπολογιζόμενη τιμή:
.calc(@name, @calc) {
@{name}: calc(@calc);
}
Ας χρησιμοποιήσουμε τη συνάρτησή μας:
p {
.calc(width, ~'10px + 30%');
}
Αποτέλεσμα μεταγλώττισης:
p {
width: calc(10px + 30%);
}
Πείτε μας, ποιο θα είναι το αποτέλεσμα της μεταγλώττισης του παρακάτω κώδικα:
p {
.calc(width, ~'10px + 30%');
.calc(height, ~'10px + 30%');
}
