SASS'ta Varsayılan Değişkenler

Bazı durumlarda, değişkenin değeri henüz tanımlanmamışsa, ancak kod içinde kullanılması gerekiyorsa, sonuna !default etiketini koyarak bir varsayılan değer atayabiliriz.

Daha önce değişkene zaten bir değer atanmışsa, bu değerin aynı kalacağını, ancak yeni boş bir değişken oluşturduysak, bunun için varsayılan değerin belirleneceğini belirtmek gerekir.

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

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

Verilen kodun derlenmesi sonucu aşağıdaki gibi olacaktır:

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

Eğer bir değişkene null değerini atadıysak, !default onu değeri olmayan bir değişken olarak değerlendirecektir:

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

#main {
  name: $name;
}

Derlemeden sonra şunu göreceğiz:

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