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

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

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

$var: 20px;

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

p {
	font-size: $var;
}

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

p {
	font-size: 20px;
}

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

$color: #000;

p {
	color: $color;
}