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

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

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

@var: 20px;

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

p {
	font-size: @var;
}

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

p {
	font-size: 20px;
}

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

@color: #000;

p {
	color: @color;
}