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} […]

more...

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 […]

more...