Noklusējuma mainīgie SASS

Dažos gadījumos, ja mainīgā vērtība vēl nav noteikta, bet to ir nepieciešams izmantot kodā, mēs varam tam iestatīt noklusējuma vērtību, pēc kuras ieliekam marķieri !default.

Jāatzīmē, ka, ja mainīgajam jau iepriekš bija piešķirta vērtība, tā paliks nemainīga, bet, ja mēs esam izveidojuši jaunu tukšu mainīgo, tam tiks iestatīta noklusējuma vērtība.

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

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

Dotā koda kompilācijas rezultāts būs šāds:

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

Ja mainīgajam iestatām vērtību null, !default to uzskatīs par vērtību neesot:

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

#main {
  name: $name;
}

Pēc kompilācijas mēs redzēsim:

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