Προκαθορισμένες Μεταβλητές στο SASS

Σε ορισμένες περιπτώσεις, εάν η τιμή μιας μεταβλητής δεν έχει ακόμη οριστεί, αλλά χρειάζεται να χρησιμοποιηθεί στον κώδικα, μπορούμε να της ορίσουμε μια προκαθορισμένη τιμή, μετά από την οποία βάζουμε την ετικέτα !default.

Είναι απαραίτητο να σημειωθεί ότι εάν στη μεταβλητή είχε ήδη ανατεθεί τιμή νωρίτερα, τότε αυτή θα παραμείνει ως έχει, αλλά εάν δημιουργήσαμε μια νέα κενή μεταβλητή, τότε για αυτήν θα οριστεί η προκαθορισμένη τιμή.

$name: "John";
$name: "Bob" !default;
$new_name: "Mark" !default;

#main {
	name: $name;
	new_name: $new_name;
}

Το αποτέλεσμα της μεταγλώττισης του παρεχόμενου κώδικα θα είναι το ακόλουθο:

#main {
	name: "John";
	new_name: "Mark";
}

Εάν όμως βάλουμε στην μεταβλητή την τιμή null, το !default θα τη θεωρήσει ως μη ορισμένη:

$name: null;
$name: "Bob" !default;

#main {
	name: $name;
}

Μετά τη μεταγλώττιση θα δούμε:

#main {
	name: "Bob"; 
}