Fungsi dalam LESS

Dalam pelajaran ini, kita akan melihat bagaimana menggunakan fungsi. Fungsi, agak serupa dengan pemixin, tetapi pada masa yang sama membolehkan penambahan parameter, yang boleh menukar nilainya.

Parameter ini disalurkan dalam kurungan bulat fungsi. Mari lihat contoh.

Mari buat fungsi fs, yang akan menetapkan saiz fon. Biarkan saiz disalurkan sebagai parameter. Sebagai parameter akan bertindak pembolehubah, namanya kita cipta apabila mengisytiharkan fungsi:

styles.less.fs(@size) {
  // di sini akan menjadi kod fungsi
}

Mari tentukan di dalam fungsi, di mana nilai parameter kita harus dimasukkan:

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

Mari panggil fungsi kita, dengan menyampaikan saiz elemen yang dikehendaki sebagai parameter:

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

Hasilnya, selepas kompilasi saiz fon perenggan akan menjadi sama dengan nilai yang dinyatakan:

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