SASS හි තෝරන්නන් තුළ ගෝලීය විචල්යයන්

අපි තෝරන්නන් තුළ නිර්වචනය කරන විචල්යයන්, ඒවා නිර්වචනය කරන ලද අතුරු-මට්ටමේ පමණක් භාවිතා කළ හැකිය. කෙසේ වෙතත්, අපට විචල්යයක් ගෝලීයව ලබා ගත හැකි වීමට අවශ්‍ය නම්, අපි එහි මුල්‍යයට !global ලේබලය එකතු කරමු. අපි උදාහරණයක් බලමු:

styles.scssdiv {
  $height: 20px !global;
  height: $height;
}
#navbar {
  height: $height;
}

ඉහත කේතය සම්පාදනය කිරීමේ ප්‍රතිඵලය පහත පරිදි වේ:

styles.cssdiv {
  height: 20px; 
}
#navbar {
  height: 20px; 
}

styles.scss#main {
  $font-family: Arial !global;
  font-family: $font-family;
}
#navbar {
  font-family: $font-family;
}