Sierra adalah Perpustakaan UI Cantik Indah Dibina di atas Sass
Dalam dunia yang penuh rangka kerja frontend, ia boleh mengasingkan semua pilihan. Tetapi, jika anda seorang kekasih Sass maka Sierra adalah kerangka UI baru yang paling keren untuk menonton.
Ia disesuaikan sepenuhnya dan berjalan sepenuhnya pada kod SCSS. Ini bermakna ia datang dengan berpuluh-puluh Parsial SCSS dan perpustakaan berkaitan yang semuanya bergabung menjadi satu perpustakaan UI yang kuat (dan bebas).
Apabila pemaju mendengar tentang perpustakaan Sass baru, ia biasanya dianggap sebagai satu set campuran. Tetapi Sierra adalah lebih daripada sekadar pembolehubah dan campuran. Perpustakaan ini adalah rangka UI yang benar-benar biru dengan gaya tersuai untuk grid, tipografi, jadual, butang, bentuk, dan apa sahaja yang anda perlukan untuk mereka bentuk laman web.
Secara keseluruhan, perpustakaan beratnya kira-kira 34kb tidak terkompresi, yang boleh kelihatan besar. Tetapi mengingati semua yang anda dapat, ia adalah saiz yang baik dan jauh dari bulkiest di luar sana (untuk rujukan, CSS Bootstrap mengukur kira-kira 115kb tidak terkompresi).
Bekerja di Sierra, anda dapat pilihan disesuaikan sepenuhnya untuk menukar grid, padding, jarak, saiz / keluarga fon, warna, dan banyak lagi. Semuanya dikawal melalui SCSS dan setiap perpustakaan adalah berpecah kepada fail yang berbeza untuk organisasi yang lebih mudah.
Perpustakaan UI dilengkapi dengan berpuluh-puluh gaya frontend untuk elemen halaman yang paling biasa:
- Perenggan & tajuk
- Butang
- Borang input (tarik turun, radio, dll)
- Jadual
- Penomboran
- Penjajaran kiri / kanan
- Bar pemuatan adat
Semua elemen ini boleh dilihat di halaman demo yang menggunakan skema warna yang lebih gelap. Secara lalai, Sierra adalah a perpustakaan UI gelap tetapi kerana semua warna mudah diubah, anda boleh mendapatkannya bekerja untuk apa-apa gaya laman web.
Satu-satunya aduan saya ialah kekurangan dokumentasi mudah diakses. Sierra kini dalam v2.0, namun walaupun repo utama jarang dibuat pada pemasangan & petua penyesuaian.
Syukurlah, senarai pemaju semua pembolehubah utama anda boleh menukar dalam _variables.scss
fail. Pembolehubah ini diimport untuk semua fail Sierra SCSS yang lain, yang bermaksud anda hanya perlu menukar warna di satu tempat untuk mendapatkan mereka bekerja di mana-mana sahaja.
Sierra jauh dari sempurna tetapi ia adalah salah satu daripada beberapa perpustakaan UI berasaskan Sass di web.
Jika anda ingin mencubanya, sila lihat laman web utama demo & maklumat lanjut. Dan, jika anda benar-benar terjebak, anda boleh cuba membuka pertanyaan pada halaman isu GitHub atau menghantar mesej pencipta Joan Claret untuk maklumat lanjut.