LESS හි මාධ්‍ය විමසුම්

මාධ්‍ය විමසුම එකක් අංගයකට එකතු කරන ශ්‍රිතයක් සාදමු. උදාහරණයක් ලෙස, එය ජංගම උපාංග සඳහා විලාසිතා පාලනය කරන විමසුමක් වේවා. අපගේ ශ්‍රිතය නම් කරමු ඒ අනුව:

styles.less.mobile(@code) {

}

අපගේ ශ්‍රිතය පරාමිතියක් ලෙස කේත ගොනුවක් පිළිගනී. මෙම ගොනුව මාධ්‍ය විමසුම තුළින් නිකුත් කරමු:

styles.less.mobile(@code) {
  @media (max-width: 600px) {
    @code();
  }
}

දැන් අපගේ ශ්‍රිතය භාවිතා කරමු:

styles.lessdiv {
  .mobile({
    width: 300px;
  });
}

ප්‍රතිඵලයක් ලෙස, සංකලනයෙන් පසු අපගේ div මාධ්‍ය විමසුම තුළ පවතිනු ඇත, අදාල විලාසිතා ලබා ගනිමින්:

styles.less@media (max-width: 600px) {
  div {
    width: 300px;
  }
}