LESS හි කොමාවෙන් එකතු කිරීම
අපට ඇතැයි සිතමු කොටුවක සෙවනැල්ලක් සාදන ශ්රිතයක්:
.shadow(@s) {
box-shadow: @s;
}
අපගේ ශ්රිතය දෙවරක් කැඳවීමෙන් කොටුවකට සෙවනැලි දෙකක් එකතු කිරීමට අපට අවශ්ය යැයි සිතමු:
p {
.shadow(1px 1px red);
.shadow(2px 2px blue);
}
කෙසේ වෙතත්, අපට කිසිවක් සාර්ථක නොවේ, මන්ද
සෙවනැලි දෙකක් කැඳවීම සරලව ගුණාංග දෙකක් එකතු කරනු ඇත
box-shadow:
p {
box-shadow: 1px 1px red;
box-shadow: 2px 2px blue;
}
නමුත් අපට අවශ්ය වන්නේ සෙවනැලි එක් ගුණාංගයකට එකතු වීමයි
box-shadow කොමාව මගින්,
මේ ආකාරයට:
p {
box-shadow: 1px 1px red, 2px 2px blue;
}
අපගේ ශ්රිතය විස්තර කර ඇති ආකාරයට ක්රියා කිරීම සඳහා,
ගුණයේ අගය ලිවිය යුත්තේ
විශේෂ අපරේටරයකට පසුව +:, මේ ආකාරයට:
.shadow(@s) {
box-shadow+: @s;
}
ගුණාංගය සඳහා සමාන ශ්රිතයක් සාදන්න
text-shadow.
ගුණාංගය සඳහා සමාන ශ්රිතයක් සාදන්න
background.