Նախադրյալ փոփոխականները SASS-ում

Որոշ դեպքերում, եթե փոփոխականի արժեքը դեռ սահմանված չէ, բայց այն անհրաժեշտ է օգտագործել կոդում, մենք կարող ենք նշել դրա նախադրյալ արժեքը, որից հետո դնել !default նշումը:

Պետք է նշել, որ եթե փոփոխականին նախկինում արդեն տրվել էր արժեք, ապա այն կմնա նախկինը, բայց եթե մենք ստեղծել ենք նոր դատարկ փոփոխական, ապա դրա համար կնշվի նախադրյալ արժեքը:

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

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

Տրված կոդի կոմպիլյացիայի արդյունքը կլինի հետևյալը.

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

Եթե փոփոխականին տալիս ենք null արժեքը, !default-ը այն կդիտարկի որպես արժեք չունեցող.

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

#main {
  name: $name;
}

Կոմպիլյացիայից հետո կտեսնենք.

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