KURANG - Parametrik Mixins

Deskripsi

Mixin parametrik menggunakan satu atau lebih parameter yang memperluas fungsionalitas LESS dengan mengambil argumen dan propertinya untuk menyesuaikan keluaran mixin saat dicampur ke dalam blok lain.

Misalnya, pertimbangkan cuplikan kode LESS sederhana -

.border(@width; @style; @color) {
   border: @width @style @color;
}

.myheader {
   .border(2px; dashed; green);
}

Di sini kita menggunakan mixin parametrik sebagai .border dengan tiga parameter - lebar, gaya, dan warna. Dengan menggunakan parameter ini, Anda dapat menyesuaikan output mixin dengan nilai parameter yang diteruskan.

Tabel berikut menjelaskan berbagai jenis campuran parametrik beserta deskripsi.

Sr.No. Jenis & Deskripsi
1 Mixins dengan Beberapa Parameter

Parameter dapat dipisahkan menggunakan koma atau titik koma.

2 Parameter Bernama

Mixins memberikan nilai parameter alih-alih posisi dengan menggunakan namanya.

3 @ Argumen Variabel

Saat sebuah mixin dipanggil, @arguments menyertakan semua argumen yang diteruskan.

4 Argumen Lanjutan dan Variabel @rest

Mixin mengambil sejumlah variabel dari argumen dengan menggunakan .....

5 Pencocokan pola

Ubah perilaku mixin dengan meneruskan parameter ke dalamnya.