Sierra este o bibliotecă UI frumoasă închisă, construită pe Sass

Într-o lume plină de cadre frontend, poate fi o sortare grea prin toate opțiunile. Dar dacă ești iubitor de Sass atunci Sierra este cel mai nou cadru de interfață UI a se uita.

Este complet personalizabil și rulează în întregime pe codul SCSS. Asta înseamnă că vine cu zeci de Parțialele SCSS și legate de biblioteci că toate se îmbină împreună într-o singură bibliotecă puternică (și gratuită) a UI.

Atunci când dezvoltatorii aud despre o nouă bibliotecă Sass, se presupune că este un set de mixuri. Dar Sierra este mai mult decât variabile și amestecuri. Această bibliotecă este un cadru UI cu adevărat-albastru cu stiluri personalizate pentru grile, tipografie, Mese, butoane, formulare, și tot ceea ce ai nevoie pentru a crea un site web.

În total, biblioteca cântărește aproximativ 34kb necomprimat, care pot părea mari. Dar, având în vedere tot ceea ce obțineți, este o mărime bună și este departe de cea mai mare parte acolo (pentru referință, CSS-ul Bootstrap măsoară aproximativ 115kb necomprimat).

Muncind în Sierra, înțelegi opțiuni complet personalizabile pentru a schimba grilele, culorile, spațiile, dimensiunile / familia fontului, culorile și multe altele. Totul este controlat prin SCSS și fiecare bibliotecă este împărțit în fișiere diferite pentru o organizare mai simplă.

Biblioteca UI vine cu zeci de stiluri frontend pentru cele mai obișnuite elemente de pagină:

Alineatele și anteturile
Butoane
Intrări de formă (dropdown-uri, radiouri etc.)
Mese
Paginare
Aliniere stânga / dreapta
Bare de încărcare personalizate

Toate aceste elemente pot fi văzute pe pagina demo care utilizează o schemă de culoare mai închisă. Implicit, Sierra este a bibliotecă închisă UI dar din moment ce toate culorile sunt ușor de schimbat puteți să-l lucrați pentru orice stil de site web.

Singura mea plângere este lipsa unei documentații ușor accesibile. Sierra este în prezent în v2.0, dar chiar și principalul repo este rar la instalare și sfaturi de personalizare.

Din fericire, lista de dezvoltatori toate variabilele principale poți schimba în _variables.scss fişier. Aceste variabile se importă pentru toate celelalte fișiere Sierra SCSS, ceea ce înseamnă că tu trebuie doar să schimbați culorile într-un singur loc pentru a le face să lucreze peste tot.

Sierra este departe de a fi perfectă, dar este una dintre puținele biblioteci UI bazate pe Sass de pe web.

Dacă doriți să încercați, atunci verificați site-ul principal pentru demo-uri și detalii suplimentare. Și dacă sunteți într-adevăr blocați, puteți încerca să deschideți o întrebare pe pagina de probleme a GitHub sau să trimiteți mesaje pentru creatorul Joan Claret pentru mai multe detalii.