LESS හි කොමාවෙන් එකතු කිරීම

අපට ඇතැයි සිතමු කොටුවක සෙවනැල්ලක් සාදන ශ්‍රිතයක්:

styles.less.shadow(@s) {
  box-shadow: @s;
}

අපගේ ශ්‍රිතය දෙවරක් කැඳවීමෙන් කොටුවකට සෙවනැලි දෙකක් එකතු කිරීමට අපට අවශ්‍ය යැයි සිතමු:

styles.lessp {
  .shadow(1px 1px red); 
  .shadow(2px 2px blue);
}

කෙසේ වෙතත්, අපට කිසිවක් සාර්ථක නොවේ, මන්ද සෙවනැලි දෙකක් කැඳවීම සරලව ගුණාංග දෙකක් එකතු කරනු ඇත box-shadow:

styles.cssp {
  box-shadow: 1px 1px red;
  box-shadow: 2px 2px blue;
}

නමුත් අපට අවශ්‍ය වන්නේ සෙවනැලි එක් ගුණාංගයකට එකතු වීමයි box-shadow කොමාව මගින්, මේ ආකාරයට:

styles.cssp {
  box-shadow: 1px 1px red, 2px 2px blue;
}

අපගේ ශ්‍රිතය විස්තර කර ඇති ආකාරයට ක්‍රියා කිරීම සඳහා, ගුණයේ අගය ලිවිය යුත්තේ විශේෂ අපරේටරයකට පසුව +:, මේ ආකාරයට:

styles.less.shadow(@s) {
  box-shadow+: @s;
}