Συναρτήσεις στο LESS

Σε αυτό το μάθημα θα εξετάσουμε πώς να χρησιμοποιούμε συναρτήσεις. Οι συναρτήσεις μοιάζουν κάπως με mixins, αλλά επιτρέπουν την προσθήκη παραμέτρων, που μπορούν να αλλάζουν τις τιμές τους.

Αυτές οι παράμετροι μεταδίδονται σε παρενθέσεις της συνάρτησης. Ας δούμε ένα παράδειγμα.

Ας φτιάξουμε τη συνάρτηση fs, που θα ορίζει το μέγεθος της γραμματοσειράς. Αφήστε το μέγεθος να μεταβιβάζεται ως παράμετρος. Ως παράμετρος θα λειτουργεί μια μεταβλητή, το όνομα της οποίας σκεφτόμαστε κατά τη δήλωση της συνάρτησης:

.fs(@size) {
	// εδώ θα είναι ο κώδικας της συνάρτησης
}

Ας ορίσουμε μέσα στη συνάρτηση, πού πρέπει να εισαχθεί η τιμή της παραμέτρου μας:

.fs(@size) {
	font-size: @size;
}

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

p {
	.fs(20px);
}

Ως αποτέλεσμα, μετά τη μεταγλώττιση το μέγεθος της γραμματοσειράς της παραγράφου θα γίνει ίσο με την καθορισμένη τιμή:

p {
	font-size: 20px;
}

Φτιάξτε τη συνάρτηση w(), που θα ορίζει το πλάτος του στοιχείου.

Φτιάξτε τη συνάρτηση h(), που θα ορίζει το ύψος του στοιχείου.