Kategori: css

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

CSS: membuat garis bawah pendek pada headline

CSS: membuat garis bawah pendek pada headline

Sebelumnya mohon maaf, saya juga bingung mau ngasih judul apa, wkwk. Pokoknya maksud saya adalah ingin membuat headline(h1/h2/h3/ dst) seperti dibawah ini Headline seperti ini sering dijumpai di landing page atau pada halaman detail product. Tentu kita tidak bisa hanya mengaplikasikan underline untuk jenis headline ini, karena underline akan membuat garis bawahnya memiliki ukuran yang…

Read More Read More