Μεταβλητές στο LESS

Η γλώσσα LESS επιτρέπει τη χρήση μεταβλητών. Μια μεταβλητή αντιπροσωπεύει ένα δοχείο, στο οποίο μπορούμε να αποθηκεύσουμε δεδομένα και να τα χρησιμοποιούμε σε σημεία του κώδικα που χρειαζόμαστε.

Για να δημιουργήσετε μια μεταβλητή, πρέπει να σκεφτείτε το όνομά της και να βάλετε το σύμβολο @ μπροστά του. Στη συνέχεια, μετά το όνομα της μεταβλητής βάζουμε άνω και κάτω τελεία και ορίζουμε την τιμή αυτής της μεταβλητής. Ας δημιουργήσουμε για παράδειγμα μια μεταβλητή με όνομα var:

@var: 20px;

Ας χρησιμοποιήσουμε τώρα αυτήν τη μεταβλητή ως τιμή μιας ιδιότητας:

p {
	font-size: @var;
}

Σαν αποτέλεσμα, μετά τη μεταγλώττιση στο CSS, αντί για τη μεταβλητή μας θα αντικατασταθεί η τιμή της:

p {
	font-size: 20px;
}

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

@color: #000;

p {
	color: @color;
}