Fungsi dalam LESS

Dalam pelajaran ini, kita akan membahas bagaimana menggunakan fungsi. Fungsi, agak mirip dengan mixin, tetapi memungkinkan untuk menambahkan parameter, yang dapat mengubah nilainya.

Parameter ini diteruskan dalam tanda kurung fungsi. Mari kita lihat contohnya.

Mari kita buat fungsi fs, yang akan mengatur ukuran font. Biarkan ukurannya diteruskan sebagai parameter. Sebagai parameter akan berupa variabel, yang namanya kita ciptakan saat mendeklarasikan fungsi:

.fs(@size) {
	// di sini akan kode fungsi
}

Mari tentukan di dalam fungsi, ke mana seharusnya nilai parameter kita disisipkan:

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

Mari panggil fungsi kita, dengan meneruskannya sebagai parameter ukuran elemen yang diinginkan:

p {
	.fs(20px);
}

Hasilnya setelah kompilasi, ukuran font paragraf akan menjadi sama dengan nilai yang ditentukan:

p {
	font-size: 20px;
}

Buatlah fungsi w(), yang akan mengatur lebar elemen.

Buatlah fungsi h(), yang akan mengatur tinggi elemen.