Kategori: less

Looping dengan less

Looping dengan less

Halo, kali ini kita akan mencoba membuat beberapa rule dengan metode “looping”. Jadi ceritanya kita akan membuat beberapa rule didalam looping. Jadi semisal kita memiliki suatu class khusus untuk mengatur background color. Tapi kita ingin membuat beberapa variasi kecerahan pada warna tersebut, kita bisa menggunakan looping ini. Jadi output yang diinginkan adalah: .bg-red{background-color:#FF0000} .bg-red-lighten-1{background-color:#FF1111} .bg-red-lighten-2{background-color:#FF2323}…

Read More Read More

Membuat frontend dengan bantuan less

Membuat frontend dengan bantuan less

Less merupakan salah satu css preprocessor. Less memudahkan kita jika kita akan menulis css pada project yang besar. selain itu, banyak pula css framework yang menggunakan less. Sehingga, jika ingin melakukan theming, kita hanya tinggal mengimpor dan mengoveride variabel. Instalasi less Kita perlu menginstall nodejs terlebih dahulu sebelum menginstall less. Jika kita sudah memiliki nodejs…

Read More Read More