Variablat e Parazgjedhura në SASS

Në disa raste, nëse vlera e një variable nuk është përcaktuar ende, por duhet të përdoret në kod, ne mund t'i caktojmë një vlerë të parazgjedhur, pas së cilës vendosim etiketën !default.

Është e nevojshme të theksohet se nëse variables i ishte caktuar tashmë një vlerë më parë, ajo do të mbetet e njëjtë, por nëse kemi krijuar një variabël të re të zbrazët, atëherë për të do të caktohet vlera e parazgjedhur.

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

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

Rezultati i kompilimit të kodit të dhënë do të jetë si më poshtë:

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

Nëse i caktojmë variables vlerën null, !default do ta trajtojë atë si të pavlerë:

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

#main {
  name: $name;
}

Pas kompilimit do të shohim:

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