Jatuh Cintrong dengan sessi

Sassy (atau dibahasaIndonesiakan disebut sessi?) adalah sebuah ruby gem yang memungkinkan kita "editing style with more style". Saya melihat Sassy dapat memudahkan kita dalam membuat css yang lebih terstruktur.

Ceritanya, saya belum punya Ruby. Akhirnya install dulu. Ternyata mudah! Sama mudahnya dengan mengunduh dan mengompile node.js (Ya, entah kenapa Saya sekarang suka apps apps yang "compile by yourself" :p gak terlalu sulit juga, meski ruby untuk windows bisa gak install sendiri).

Dann.. Yay, dengan gem install sass, tunggu sebentar (awalnya sempet ragu karena cmd hanya hitam saj), tahu-tahu langsung 1 gem installed. Oke, it's sassy time!

Yang paling saya suka adalah karena kita bisa menyisipkan fungsi dan variabel di dalam sass. Juga, kita bisa membuat cssnya nesting! Coba lihat kode sumber berikut:

// tes.scss <-- i love this! C style commenting!
.gakpakemargin { margin: 0; padding: 0 }
body {@extend .gakpakemargin; font-family: Segoe UI}
nav { ul, ol, li { /* semua ul dan ol di dalam nav gak pake margin dan list style nya gak ada */ @extend .gakpakemargin; list-style: none; } }

Oh iya, itu baru penggunaan extend dan nesting. Masih banyak fungsi sass lainnya.

Menarik sekali!