Variabile implicite în SASS

În unele cazuri, dacă valoarea unei variabile încă nu este definită, dar trebuie folosită în cod, putem să-i setăm o valoare implicită, după care plasăm marcajul !default.

Este important de menționat că dacă variabilei i-a fost deja atribuită o valoare anterior, atunci aceasta va rămâne neschimbată, dar dacă am creat o variabilă nouă și goală, atunci pentru ea va fi setată valoarea implicită.

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

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

Rezultatul compilării codului de mai sus va fi următorul:

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

Dacă am setat valoarea variabilei la null, !default o va considera ca fiind fără valoare:

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

#main {
  name: $name;
}

După compilare vom vedea:

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