Buat Garis Dasar Kotak di Web Menggunakan Sassline

Sebagian besar konten online berbasis teks, tetapi orang tidak akan tertarik membaca teks di situs Anda kecuali tipografinya dirancang dengan baik.

Anda mungkin bekerja dengan kerangka kerja kustom tetapi itu bisa terasa membatasi. Alih-alih coba Sassline, pustaka berbasis Sass gratis untuk membuat garis kisi yang sempurna di web.

Alat gratis ini berfungsi pada Sass sehingga Anda harus mengetahui cara Anda menggunakan bahasa praproses terlebih dahulu. Jika Anda masih baru dalam pengembangan web, maka itu ide yang bagus berlatih CSS dan Sass Anda sebelum mengambil Sassline.

Namun begitu Anda mempelajarinya, Anda tidak akan pernah lagi merancang tata letak dengan cara yang sama.

Ini menggunakan unit rem untuk membuat garis dasar khusus yang sesuai dengan teks Anda di seluruh papan. Ini termasuk semua tajuk, paragraf, blockquote, semuanya.

Dan Sassline hadir dengan breakpoint responsif sehingga Anda dapat secara otomatis menyesuaikan ukuran teks Anda (dan tinggi baris) berdasarkan kisi Sassline. Ini bergantung pada mixin Sass yang membutuhkan pengalaman Sass jika Anda ingin bekerja dengannya.

Itu sebabnya saya secara khusus merekomendasikan alat ini untuk pengembang web berpengalaman ingin meningkatkan alur kerja mereka.

Halaman demo menawarkan contoh yang cukup jelas tentang cara kerja garis dasar ini termasuk item daftar, kutipan menarik, dan berbagai ukuran header.

Plus, Anda dapat menambahkan ini ke kerangka kerja frontend seperti Bootstrap jika Anda bersedia melakukan sedikit penyesuaian pada kode Anda. Itu seluruh pustaka Sassline super serbaguna dan itu harus menjadi pokok bagi pecinta Sass di mana-mana.

Untuk memulai, kunjungi repo GitHub utama dan unduh salinan file sumber.

Anda juga akan menemukan instruksi pengaturan dan tautan ke posting blog yang luar biasa ini memandu Anda melalui fitur pustaka Sassline berdasarkan fitur.