Funktsioonid LESS-is

Selles õppetükis vaatleme, kuidas kasutada funktsioone. Funktsioonid on millegipärast sarnased mixin'itele, kuid võimaldavad samas lisada parameetreid, mis võivad oma väärtusi muuta.

Need parameetrid edastatakse funktsiooni ümarsulgudes . Vaatame näidet.

Teeme funktsiooni fs, mis määrab fondi suuruse. Laske suurust edastatakse parameetrina. Parameetrina toimib muutuja, mille nime leiame välja funktsiooni deklareerimisel:

styles.less.fs(@size) {
  // siin on funktsiooni kood
}

Määrame funktsiooni sees, kuhu peaks sisestama meie parameetri väärtuse:

styles.less.fs(@size) {
  font-size: @size;
}

Kutsume meie funktsiooni välja, edastades sellele parameetrina soovitud elemendi suuruse:

styles.lessp {
  .fs(20px);
}

Tulemusena pärast kompileerimist muutub fondi suurus paragrahvist võrdseks määratud väärtusega:

styles.cssp {
  font-size: 20px;
}