LESS හි මික්සින්

මෙම පාඩමෙන් අපි මික්සින් (මිශ්‍ර කිරීම) හඳුන්වා දෙනු ඇත, එයට එක් පන්තියක් තවත් පන්තියක ඇතුළත ඇතුළත් කිරීමට ඉඩ සලසයි. එය කුමක්ද සහ එය සමඟ වැඩ කරන්නේ කෙසේද යන්න අපි ගවේෂණය කරමු.

ප්‍රායෝගිකව, මිශ්‍ර කිරීම යනු එක් පන්ති වෙනත් පන්ති තුළ භාවිතා කිරීමයි, එහිදී එක් පන්තියක් නිශ්චිත කේත කොටසක් වන අච්චුවක් ලෙස ක්‍රියා කරයි, අපට එය විවිධ ස්ථානවල භාවිතා කළ හැකිය.

මෙය පහසු වන්නේ ඇයි? ශුද්ධ CSS වලදී, අපට අවශ්‍ය සෑම තැනකම අච්චු කේතය ටයිප් කිරීමට සිදුවනු ඇත, නමුත් LESS හිදී අපට එය එක් ස්ථානයක ලිවිය හැකිය ඉන්පසු කේතයේ අවශ්‍ය ස්ථානවලට එය සම්බන්ධ කළ හැකිය.

අපි උදාහරණයක් දෙස බලමු. අප සතුව පහත පන්තිය ඇතැයි සිතමු:

.mix {
	width: 100px;
	height: 100px;
}

මෙම පන්තිය මිශ්‍රණයක් ලෙස භාවිතා කරමු:

p {
	.mix;
	color: red;
}

ප්‍රතිඵලයක් වශයෙන්, සම්පාදනය කිරීමෙන් පසු, අපගේ පන්තියේ ශෛලීන් ඡේදයට ඇතුළත් වේ:

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

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

.mix {
	color: white;
	background: black;
}

p {
	.mix;
	width: 300px;
}