LESS හි මාධ්ය විමසුම්
මාධ්ය විමසුම එකක් අංගයකට එකතු කරන ශ්රිතයක් සාදමු. උදාහරණයක් ලෙස, එය ජංගම උපාංග සඳහා විලාසිතා පාලනය කරන විමසුමක් වේවා. අපගේ ශ්රිතය නම් කරමු ඒ අනුව:
.mobile(@code) {
}
අපගේ ශ්රිතය පරාමිතියක් ලෙස කේත ගොනුවක් පිළිගනී. මෙම ගොනුව මාධ්ය විමසුම තුළින් නිකුත් කරමු:
.mobile(@code) {
@media (max-width: 600px) {
@code();
}
}
දැන් අපගේ ශ්රිතය භාවිතා කරමු:
div {
.mobile({
width: 300px;
});
}
ප්රතිඵලයක් ලෙස, සංකලනයෙන් පසු අපගේ div මාධ්ය විමසුම තුළ පවතිනු ඇත, අදාල විලාසිතා ලබා ගනිමින්:
@media (max-width: 600px) {
div {
width: 300px;
}
}
ටැබ්ලට් සඳහා විලාසිතා සකසන
tablet ශ්රිතය සාදන්න.
ජංගම දුරකථන සහ ටැබ්ලට් සඳහා විලාසිතා සකසන
gadget ශ්රිතය සාදන්න.
නෝට්බුක් සඳහා විලාසිතා සකසන
notebook ශ්රිතය සාදන්න.
ඩෙස්ක්ටොප් සඳහා විලාසිතා සකසන
desktop ශ්රිතය සාදන්න.
