Sierra Sass üzerine inşa edilmiş bir güzel karanlık UI kütüphanedir

Dolu bir dünyada ön çerçeve, tüm seçenekler arasında sıralama zor olabilir. Ama eğer bir Sass aşığıysanız dişli doruk o havalı yeni UI çerçevesi izlemek.

Tamamen özelleştirilebilir ve tamamen SCSS kodunda çalışır. Bu onlarca ile birlikte gelir SCSS kısmi ve ilgili kütüphaneler hepsi bir araya gelerek güçlü (ve ücretsiz) bir UI kütüphanesinde birleşiyor.

Geliştiriciler yeni bir Sass kütüphanesini duyduğunda, genellikle bir dizi karışım olduğu varsayılır. Ama Sierra sadece değişkenlerden ve karışımlardan daha fazlası. Bu kütüphane gerçek bir mavi UI çerçevesi ile özel stiller için ızgaraları, matbaacılık, tablolar, düğmeleri, formlar, ve bir web sitesi tasarlamak için ihtiyacınız olan her şey.

Toplamda, kütüphane ağırlığında yaklaşık 34kb sıkıştırılmamış, hangi büyük görünebilir. Ancak aldığınız her şeyi göz önünde bulundurarak, iyi bir boyut ve dışarıdaki en hacimli olmaktan uzak (referans için, Bootstrap’ın CSS’si 115kb civarında sıkıştırılmamış ölçüleri).

Sierra’da çalışmak, tamamen özelleştirilebilir seçenekler ızgaraları değiştirmek, dolgu yapmak, boşluk bırakmak, yazı tipi boyutları / aileler, renkler ve daha pek çok şey için. Hepsi SCSS ile kontrol edilir ve her kütüphane farklı dosyalara bölmek daha basit organizasyon için.

UI kütüphanesi düzinelerce önyüz stiliyle birlikte geliyor en yaygın sayfa öğeleri için:

Paragraflar ve başlıklar
Düğmeler
Form girdileri (açılanlar, radyolar, vb.)
Tablolar
sayfalara numara koyma
Sol / sağ hizalamalar
Özel yükleme çubukları

Tüm bu öğeler, daha koyu bir renk şeması kullanan tanıtım sayfasında görülebilir. Varsayılan olarak, Sierra bir karanlık UI kitaplığı ancak tüm renklerin kolayca değiştirilebildiğinden, herhangi bir web sitesi stili için çalışmasını sağlayabilirsiniz..

Benim tek şikayetim kolay erişilebilir dokümantasyon eksikliği. Sierra şu anda v2.0'da bulunuyor, ancak ana repo bile yükleme ve özelleştirme ipuçlarına çok az bakıyor.

Neyse ki, geliştiriciler listesi tüm ana değişkenler içinde değiştirebilirsiniz _variables.scss dosya. Bu değişkenler, diğer tüm Sierra SCSS dosyaları için içe aktarılır; sadece bir yerde renkleri değiştirmeniz gerekir her yerde çalışmasını sağlamak için.

Sierra mükemmel olmaktan uzak, ancak internetteki Sass tabanlı UI kütüphanelerinden biri..

Denemek istiyorsanız, o zaman ana web sitesine göz atın. demolar ve daha fazla ayrıntı. Ayrıca, gerçekten sıkıştıysanız GitHub issues sayfasında bir soru açmayı ya da daha fazla ayrıntı için yaratıcısı Joan Claret'e mesaj atmayı deneyebilirsiniz..