SASS හි විචල්යයන්

SASS භාෂාවට විචල්යයන් භාවිතා කිරීමට ඉඩ සලසයි. විචල්යයක් යනු අඩංගු කර ගත හැකි කන්ටේනරයකි, එහි යම් දත්ත සංරක්ෂණය කර ඒවා කේතයේ අවශ්‍ය ස්ථානවල භාවිතා කළ හැකිය.

විචල්යයක් සෑදීමට, එහි නමක් සොයාගෙන එයට පෙර $ ලකුණ යොදන්න. ඉන්පසු විචල්ය නමට පසුව කොලන් යොදා එම විචල්යයේ අගය දක්වන්න. උදාහරණයක් වශයෙන් අපි var නමින් විචල්යයක් සාදමු:

styles.scss$var: 20px;

දැන් අපි මෙම විචල්යය ගුණාංගයක අගයක් ලෙස භාවිතා කරමු:

styles.scssp {
  font-size: $var;
}

එහි ප්‍රතිඵලයක් ලෙස CSS වෙත සංකලනය කිරීමෙන් පසු අපගේ විචල්යය වෙනුවට එහි අගය ආදේශ වේ:

styles.cssp {
  font-size: 20px;
}

styles.scss$color: #000;
  
p {
  color: $color;
}