LESS හි පන්ති දිගු කිරීම

මිශ්‍රණවල අඩුපාඩුව නම් කේතයේ අනුපිටපත් කිරීම් ප්‍රතිඵලයක් ලැබීමයි. අපි උදාහරණයක් බලමු, අදහස් කරන්නේ කුමක්ද කියා.

අපට පහත කේතය ඇතැයි සිතමු:

.mix {
	width: 100px;
	height: 100px;
}
p {
	.mix; 
	color: red;
}

මෙම කේතය පහත ආකාරයට සම්පාදනය වේ, අනුපිටපත් කිරීම් ඇති කරමින්:

.mix {
	width: 100px;
	height: 100px;
}
p {
	width: 100px;
	height: 100px;
	color: red;
}

මෙම කේතය පහත ආකාරයට සම්පාදනය වී තිබුනේ නම් වඩාත් සංයුක්ත වනු ඇත:

.mix, p {
	width: 100px;
	height: 100px;
}
p {
	color: red;
}

මෙය ලබා ගත හැක්කේ &:extend විධානය භාවිතා කිරීමෙන්, එය කේතයට මිශ්‍රණය සෘජුව ඇතුළත් නොකර, නමුත් දෙන ලද පන්තිය දිගු කරයි. අපි අපේ කේතය නිවැරදි කරමු:

.mix {
	width: 100px;
	height: 100px;
}
p {
	&:extend(.mix); 
	color: red;
}