Sierra adalah Perpustakaan UI Gelap Yang Indah Dibangun di atas Sass

Di dunia yang penuh dengan kerangka kerja frontend, bisa jadi sulit memilah-milah semua opsi. Tapi, jika Anda seorang pecinta Sass maka Sierra adalah Kerangka UI baru yang paling keren untuk melihat.

Ini sepenuhnya dapat disesuaikan dan berjalan sepenuhnya pada kode SCSS. Ini berarti ia datang dengan lusinan Parsial SCSS dan perpustakaan terkait bahwa semua bergabung bersama menjadi satu perpustakaan UI yang kuat (dan gratis).

Ketika pengembang mendengar tentang pustaka Sass baru, biasanya diasumsikan seperangkat mixin. Tapi Sierra lebih dari sekedar variabel dan mixin. Pustaka ini adalah kerangka UI benar-biru dengan gaya khusus untuk kisi-kisi, tipografi, meja, tombol, formulir, dan apa pun yang Anda butuhkan untuk mendesain situs web.

Secara total, perpustakaan memiliki berat sekitar 34kb terkompresi, yang bisa tampak besar. Tetapi mempertimbangkan semua yang Anda dapatkan, ini adalah ukuran yang baik dan jauh dari yang paling sulit di luar sana (untuk referensi, ukuran Bootstrap CSS tentang 115kb terkompresi).

Bekerja di Sierra, Anda dapatkan opsi sepenuhnya dapat disesuaikan untuk mengubah kisi, bantalan, jarak, ukuran font / keluarga, warna, dan banyak lagi. Semua dikontrol melalui SCSS dan masing-masing perpustakaan dipisah menjadi beberapa file untuk organisasi yang lebih sederhana.

Perpustakaan UI hadir dengan puluhan gaya tampilan depan untuk elemen halaman yang paling umum:

Paragraf & header
Tombol
Input formulir (dropdown, radio, dll)
Tabel
Pagination
Alinyemen kiri / kanan
Bilah pemuatan khusus

Semua elemen ini dapat dilihat pada halaman demo yang menggunakan skema warna yang lebih gelap. Secara default, Sierra adalah a perpustakaan UI gelap tetapi karena semua warna mudah diubah, Anda dapat membuatnya berfungsi untuk gaya situs web apa pun.

Satu-satunya keluhan saya adalah kurangnya dokumentasi yang mudah diakses. Sierra saat ini dalam v2.0, namun bahkan repo utama jarang pada tips pemasangan & kustomisasi.

Untungnya, daftar pengembang semua variabel utama Anda dapat mengubah di _variables.scss mengajukan. Variabel-variabel ini dapat diimpor untuk semua file Sierra SCSS lainnya, yang berarti Anda hanya perlu mengubah warna di satu tempat untuk membuat mereka bekerja di mana-mana.

Sierra jauh dari sempurna tetapi itu adalah salah satu dari beberapa perpustakaan UI berbasis Sass di web.

Jika Anda ingin mencobanya, maka periksa situs web utamanya demo & detail lebih lanjut. Dan, jika Anda benar-benar terjebak, Anda dapat mencoba membuka pertanyaan di halaman masalah GitHub atau mengirim pesan kepada pembuatnya Joan Claret untuk detail lebih lanjut.