Mixin di SASS
Dalam pelajaran ini, kita akan berkenalan dengan mixin (pencampuran), yang memungkinkan untuk menyertakan satu kelas ke dalam kelas lainnya. Mari kita pahami, apa itu dan bagaimana cara menggunakannya.
Pada dasarnya, pencampuran adalah penggunaan kelas di dalam kelas lain, di mana satu kelas bertindak sebagai template - potongan kode tertentu yang dapat kita gunakan di banyak tempat.
Apa keuntungannya? Dalam CSS murni, kita harus mengetik template kode di setiap tempat yang membutuhkannya, sedangkan di SASS kita dapat menuliskannya di satu tempat dan kemudian menyambungkannya ke bagian kode yang diperlukan.
Untuk mendeklarasikan mixin digunakan
directive @mixin, setelah itu
kita tentukan namanya, parameternya, dan blok dengan isinya:
@mixin mix {
width: 100px;
height: 100px;
}
