Membuat Button Custom dengan Mixins SCSS
Ketika kita ingin mengembangkan sebuah website salah satu yang harus di perhatikan adalah menentukan tema dan gaya seperti apa yang ingin kita terapkan ke dalam website kita. Salah satunya adalah pemilihan jenis button selain dari pemilihan jenis font dan warna yang digunakan.
Kali ini kita akan coba membuat button custom sesuai kebutuhan kita menggunakan scss dengan metode mixins.
Sebelum masuk ke button dan variannya kita pilih terlebih dahulu warna yang akan kita gunakan ke dalam ../scss/variables/color.scss seperti contoh berikut
Setelah warna sudah kita definiskan selanjutnya kita buat helpers untuk button di ../scss/helpers/button.scss.
Button helpers sudah dibuat sesuai dengan kebutuhan kita baik dari segi ukuran, border, jenis font, dan lain sebagainya selanjutnya kita akan membuat varian button dari pilihan warna yang sudah kita definiskan sebelumnya menggunakan mixins scss di ../scss/mixins/button.scss
Kita juga bisa menambahkan variasi yang lebih banyak lagi pada button sesuai kebutuhan. untuk sytaks code selengkapnya bisa di lihat disini.
Cukup sekian cara membuat button custom menggunakan scss mixins jika ada pertanyaan bisa di samapaikan ke kolom komentar.
Terimakasih