Veranderlikes by verstek in SASS

In sommige gevalle, as die waarde van 'n veranderlike nog nie gedefinieër is nie, maar dit in die kode gebruik moet word, kan ons 'n verstekwaarde daaraan toewys, waarna ons die merk !default plaas.

Dit is noodsaaklik om daarop te let dat as die veranderlike reeds vroeër 'n waarde toegeken is, sal dit onveranderd bly, maar as ons 'n nuwe leë veranderlike geskep het, sal die verstekwaarde daarvoor gespesifiseer word.

styles.scss$name: "John";
$name: "Bob" !default;
$new_name: "Mark" !default;

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

Die resultaat van die kompilering van die bogenoemde kode sal soos volg wees:

styles.css#main {
  name: "John";
  new_name: "Mark";
}

As ons egter die waarde null aan die veranderlike toeken, sal !default dit beskou as een wat geen waarde het nie:

styles.scss$name: null;
$name: "Bob" !default;

#main {
  name: $name;
}

Na kompilering sal ons sien:

styles.css#main {
  name: "Bob"; 
}