Standardvariabler i SASS

I noen tilfeller, hvis verdien av en variabel ennå ikke er definert, men den trengs i koden, kan vi tilordne en standardverdi, etterfulgt av merkelappen !default.

Det er viktig å merke seg at hvis variabelen allerede har en tilordnet verdi fra før, så vil den forbli uendret, men hvis vi har opprettet en ny tom variabel, så vil standardverdien bli satt for den.

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

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

Resultatet av kompilering av koden ovenfor vil være som følger:

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

Hvis vi derimot setter variabelens verdi til null, vil !default behandle den som en uten verdi:

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

#main {
  name: $name;
}

Etter kompilering vil vi se:

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