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ň:

styles.less.mobile(@code) {

}

Funksiýamyz parametri hökmünde kodyň blogyny alyp biler. Geliň şu blogy media soragyň içinde çykaryş edeliň:

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

Indi funksiýamyzdan peýdalanalyň:

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

Netijede kompilasiýadan soň, div-imiz media soragyň içinde düşer we degişli stilleri alyşar:

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