LESS-da media soraglary
Geliň, elemente media soragyny goşjak funksiýa düzeliň. Mysal üçin onuň mobil enjamlar üçin stilleri düzen sorag bolmagyny saýlaýarys. Funksiýamyzy degişli edip atlandyralyň:
.mobile(@code) {
}
Funksiýamyz parametri hökmünde kodyň blogyny alyp biler. Geliň şu blogy media soragyň içinde çykaryş edeliň:
.mobile(@code) {
@media (max-width: 600px) {
@code();
}
}
Indi funksiýamyzdan peýdalanalyň:
div {
.mobile({
width: 300px;
});
}
Netijede kompilasiýadan soň, div-imiz media soragyň içinde düşer we degişli stilleri alyşar:
@media (max-width: 600px) {
div {
width: 300px;
}
}
Planşetler üçin stilleri belleýän tablet funksiýasyny
düzüň.
Mobil telefonlar we planşetler üçin stilleri belleýän
gadget funksiýasyny düzüň.
Noutbuklar üçin stilleri belleýän notebook
funksiýasyny düzüň.
Dekstoplar üçin stilleri belleýän desktop
funksiýasyny düzüň.
